如何通过jQuery单击更改html元素<li>的颜色？

如何在点击时更改UL'li'的背景颜色？

编辑我可以改变li"a",但整个李怎么样

这工作:

 $(".clickableUL").click(function() {
           $(this).find("li a").addClass("active");

       });

但发现("li")什么都不做.我希望LI不仅突出显示链接的文本.

// javascript
$("li>a").click(function(){
   $(this).parent().toggleClass("clicked");
});

/* CSS */
li { background: blue; }
li.clicked { background: red; }

你也可以使用display: block;上,使其填补了

$("li").click(function(){
   $(this).toggleClass("clicked");
});