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

removeClass（）如果存在

6 个答案: