removeClass() 如果存在答案

【问题标题】：removeClass() if it existsremoveClass() 如果存在
【发布时间】：2013-08-27 14:24:14
【问题描述】：

当我单击它时，此函数会向我的按钮添加一个rotated 类。该按钮上有一个箭头，指向面板滑动的方向。

当我再次单击按钮时，如何删除旋转的类？

$("#btnDiv").click(function (){
     $('#slidePanel').toggle( "slide",{direction: 'right'});
     $('#btnDiv').addClass('rotated');
});

可能是这样的吗？

if('rotated'){
    removeClass('rotated')
}else{
    addClass('rotated')
}

【问题讨论】：

标签： jquery html

【解决方案1】：

你可以使用.toggleClass()

$('#btnDiv').toggleClass('rotated');

如果它丢失，它会添加它，如果它存在，它会删除它。还有.is() 可以检查类似的事情：

if ($('#btnDiv').is('.rotated'))

或更简单地说：

if ($('#btnDiv').hasClass('rotated'))

【讨论】：

...如果您需要检查是否设置了类：hasClass()：api.jquery.com/hasClass
太棒了！多么快速的解决方法！干杯尖！
@Virus721 无需检查您是否只想添加类； .addClass() 不会添加两次。
好的，所以这个问题没有理由再问了。
@Virus721 我很确定 OP 想要删除该类（如果存在），并添加该类（如果它缺失）。

【解决方案2】：

试试这个

if($('#btnDiv').hasClass('rotated')){
   $('#btnDiv').removeClass('rotated')
}else{
  $('#btnDiv').addClass('rotated')
}

【讨论】：

【解决方案3】：

只需使用.toggleClass() 即可实现。

【讨论】：

【解决方案4】：

if($('#btnDiv').hasClass('rotated')){
   $('#btnDiv').removeClass('rotated')
}else{
   $('#btnDiv').addClass('rotated')
}

【讨论】：

【解决方案5】：

$("#btnDiv").click(function (){
    $('#slidePanel').toggle( "slide",{direction: 'right'});
    if($('#btnDiv').hasClass('rotated')){
          $('#btnDiv').removeClass('rotated');
    }
    else{
         $('#btnDiv').addClass('rotated');
    }
  });

【讨论】：

【解决方案6】：

你可以在点击时简单地切换类


$('.myclassname').on('click', function(){
    $('.myclass h2').toggleClass( 'first_class', 'second_class');
});

【讨论】：