使用jQuery切换多个元素类

san*_*nta 30 jquery

当我点击一个元素时,我需要能够切换类.它适用于该元素:

$(".main").click(function() {
    $(this).toggleClass("classA").toggleClass("classB");
});
Run Code Online (Sandbox Code Playgroud)

但是我想添加它来切换页面上具有特定类的所有元素的类,比如说"togToo".对于那些元素,我需要在"classC"和"classD"之间切换.

我几乎可以肯定有一种方法可以将它组合成一次点击......

^^^上面更新^^^

Ken*_*ler 93

如果要切换的元素从两个类中的一个开始,则可以像这样来回切换:

$('#element_to_click').click( function(){
  $('.togToo').toggleClass('classC classD');
});
Run Code Online (Sandbox Code Playgroud)


Nea*_*eal 15

答案已更新

$(".main").click(function() {
    $(this).toggleClass("classA").toggleClass("classB");
    $('.togToo').toggleClass("classC").toggleClass("classD");
})
Run Code Online (Sandbox Code Playgroud)


Bor*_*ris 5

您可以一次切换N个班级

$(/* selector */).toggleClass('classA classB classC');
Run Code Online (Sandbox Code Playgroud)