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