鉴于以下情况:
<div id="table-filters">
<ul>
<li class="active" onclick="myfunc();">blah</li>
<li onclick="myfunc();">blah</li>
<li onclick="myfunc();">blah</li>
<li onclick="myfunc();">blah</li>
</ul>
</div>
function myfunc() {
// Activate the LI clicked
$(this).addClass("active");
}
我希望我的 JQUERY 按如下方式工作。将 class="active"添加到单击的任何 LI 中。
最佳答案
从 HTML 中删除 onClick
调用,然后将以下内容放入 .js 文件中:
$("#table-filters li").click(function(){
$(this).addClass("active").siblings("li.active").removeClass("active");
// requested in comments: how to get id of LI clicked?
var thisID = $(this).attr("id");
});
关于JQUERY,返回单击添加类的对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2034797/