jquery - 如何使用jQuery在点击时设置类名

Question

我的 HTML 中有这个列表：

<ul>
    <li class="active"></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

在这里，我希望只有单击<li>的类应该设置为“活动”。因此，当有人单击<li>应将类设置为活动的第二个元素时，应删除第一个元素。

如何使用 jQuery 做到这一点？

score 4 · Accepted Answer

试试这个：

$('ul li').click(function(){
     $(this).addClass('active').siblings().removeClass('active')
})

score 2 · Accepted Answer

从所选元素中删除类并添加新的：

$('li').click(function(){
  $('li.active').removeClass('active');
  $(this).addClass('active');
});

score 1 · Accepted Answer

$('ul').on('click','li',function(){
    $(this).addClass('active').siblings().removeClass('active');
});

在此方法中，只会将一个单击侦听器添加到 ul 元素。这对你的表现有好处。

我希望这能解决你的问题。如果您有任何问题，请随时提问。谢谢

3 回答 3