的jQuery的onclick切換類名

Question

使用jQuery，我怎麼切換到CLASSA上CLASSB點擊從去：

<a class="switch" href="#">Switch</a> 
<div class="classA"></div> 


$('.switch').on('click', function(e){ 
    $('.classA').removeClass('classA').addClass('classB'); 
    e.preventDefault(); 
}; 

如何切換類，而不是隻替換它像我在這裏做什麼？

Answer 1

jQuery有一個toggleClass功能：

<button class="switch">Click me</button> 

<div class="text-block collapsed pressed">some text</div> 

<script>  
    $('.switch').on('click', function(e) { 
     $('.text-block').toggleClass("collapsed pressed"); //you can list several class names 
     e.preventDefault(); 
    }); 
</script> 

Answer 2

you can usetoggleClass()切換類是非常方便。

情況下：1

<div id='mydiv' class="class1"></div> 

$('#mydiv').toggleClass('class1 class2'); 

output: <div id='mydiv' class="class2"></div> 

情況下：2

<div id='mydiv' class="class2"></div> 

$('#mydiv').toggleClass('class1 class2'); 

output: <div id='mydiv' class="class1"></div> 

情況下：3

<div id='mydiv' class="class1 class2 class3"></div> 

$('#mydiv').toggleClass('class1 class2'); 

output: <div id='mydiv' class="class3"></div>