第二次点击删除 Class 的正确方法

Question

我有多个 div 可以在单击鼠标时添加 class。

在 第二次单击该项目 时删除该特定 div 上添加的 class 的适当方法是什么。我无法删除 class.

jQuery('.icon-box').on('click', function() {

  var isActive = false;
  jQuery(this).addClass('clicked');

  if (jQuery(this).hasClass('clicked')) {
    var isActive = true;
  }
  if ( isActive ) {
    jQuery(this).removeClass('clicked');
  }

});

JSFiddle Example.

感谢您的反馈。

Answer 1

你的意思是这样的吗:

jQuery('.icon-box').on('click', function() {
   jQuery(this).toggleClass('clicked');
});

Fiddle: https://jsfiddle.net/csak9k4q/1/

您可以在 jQuery 文档中找到更多相关信息： http://api.jquery.com/toggleclass/

Answer 2

jQuery('.icon-box').on('click', function() {
 if (jQuery(this).hasClass('clicked')) {
   $(this).removeClass('clicked');
  }
  else
  {
   $(this).addClass('clicked');
  }

});

第二次点击删除 Class 的正确方法

Correct Way To Remove Class On Second Click

jquery

click

addclass

removeclass