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')
}