jquery - 如何点击 "unclick"元素

Question

好吧，对于 jQuery，我是一个真正的初学者，虽然我已经尝试过搜索这个，但我似乎找不到答案(我可能没有正确地表达它)。

当单击其中一个 li 时，我想添加一个元素。但是，如果已经单击了 li(并且已经添加了类)，如果用户再次单击，我希望删除该类。到目前为止，这就是我所拥有的:

(function($){ 
   $(".list li").click(function() {
      $(this).addClass("hilite");
      $(this).attr("BeenClicked", "true");
   });
 })(jQuery); 

<ul class="list">
   <li> Something
   <li> Something else
</ul>

我需要创建代码来检查属性以查看“BeenClicked”是否设置为 true。

Answer 1

您必须使用 jQuery 的 toggleClass :

(function($){ 
   $(".list li").click(function() {
      $(this).toggleClass("hilite");
   });
})(jQuery);