JQUERY，返回单击添加类的对象

Question

鉴于以下情况:

<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 中。

Answer 1

从 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");
});