jquery - removeClass() 如果存在

Question

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

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

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

可能是这样的？

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

Answer 1

您可以使用.toggleClass()

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

如果它丢失，则添加它，如果它存在，则将其删除。还有.is()要检查这样的事情：

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

或更简单地说：

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

Answer 2

尝试这个

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

Answer 3

只是用来.toggleClass()实现这一点。

Answer 4

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

Answer 5

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

Answer 6

你能在点击时简单地切换课程吗

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