removeClass（）如果存在 [英] removeClass() if it exists

问题描述

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

当我再次点击按钮时，我怎么能移除旋转的类？

 <$ c $（＃btnDiv）。click（function（）{
 $（'＃slidePanel'）。toggle（slide，{direction：'right'}）; 
 $（ '#btnDiv'）。addClass（'rotated'）; 
}）; 
  

可能是这样的吗？

<$ p $ （'rotate'）{
removeClass（'rotated'）
} else {
addClass（'rotated'）
} $ b $

/ code>

  $（'＃btnDiv'）。toggleClass（'rotated'）; 
  

如果缺失则添加，如果存在则删除。还有 .is（）来检查这样的事情：

 如果（$（'＃btnDiv'）。是（'。rotated'））
  

或更简单：

  if（$（'＃btnDiv'）。hasClass（'rotated'））
  

This function adds a rotated class to my button when I click it. The button has an arrow on it which points in the direction the panel has slid.

How could I remove the rotated class when I click the button again?

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

Something like this maybe?

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

解决方案

You can use .toggleClass()

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

That adds it if it's missing, and removes it if it's present. There's also .is() to check for things like that:

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

or more simply:

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

这篇关于removeClass（）如果存在的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！