jquery - 在单击时附加一个样式，然后在第二次单击时附加另一个样式

Question

这是我的代码：

http://jsfiddle.net/adige72/BbSd7/

当我单击到时，假设“显示 div 1”，它会删除它的虚线边框，但是一旦再次单击，边框就不会返回，而我想要它会。

Answer 1

使用应该可以解决问题的 toggleClass。您正在执行可能不需要的 each()。只需钩住需要点击的元素。不需要遍历每个父 li 等。

请参阅此处的第一个示例：http: //api.jquery.com/toggleClass/

Answer 2

我建议你使用类来管理它，因为它更干净：

$('#element').click(function() {
  if ($(this).hasClass('class1')) {
    $(this).addClass('class2');
  }
}

风格相似。一个例子：

$('#element').click(function() {
  if ($(this).css('background-color')=='red') {
    $(this).css('color', 'white');
  }
}