Question

我有多个div，鼠标点击后会添加一个类。

在再次点击该项目上删除该特定div上添加的类的适当方法是什么。我无法删除课程。

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() {
 if (jQuery(this).hasClass('clicked')) {
   $(this).removeClass('clicked');
  }
  else
  {
   $(this).addClass('clicked');
  }

});

Answer 2

你的意思是这样的：

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

小提琴：https://jsfiddle.net/csak9k4q/1/

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

在第二次点击

2 个答案: