jQueryのは、クリック

Question

上の複数のクラスを切り替えますクリックされたクラスの1つを追加して他のクラスを削除し、元のものを保持することができます。

Answer 1

あなたは、この追加の余分なクラスとidを試みることがあります。

$(document).ready(function(){ 
 

 
    $(".linkClass").click(function(){ 
 
    var temp = $(this).id; // contains either tiny, small, big or large 
 

 
    $(".icon").removeClass("tiny small big large"); // clear any classes added before 
 
    $(".icon").addClass(temp); // adds the required class based on the id of the clicked element. 
 
    }); 
 

 
});

<a class="linkClass" id="tiny"> Tiny</a> 
 
<a class="linkClass" id="small"> Small</a> 
 
<a class="linkClass" id="big"> Big</a> 
 
<a class="linkClass" id="large"> Large</a> 
 

 

 
<i class="icon twitter"></i>