Jquery addclass/removeclass 点击

Question

当我单击菜单中的元素时，我试图添加一个类 [active]。然后在我单击菜单中的新项目时删除该类 [active] 并向其添加 [active] 类。

我试过$(this).removeClass("active").addClass("active");

$(this).toggleClass("active");

基本上，我正在尝试使 hover() 函数生效，但点击事件仍然有效。

编辑:固定 HTML

<ul class="menu">
    <li><span>Three</li>
    <li><span>Two</li>
    <li><span>One</li>
</ul>

Answer 1

假设一次只有一个 active 元素，并且没有进一步了解您的 DOM 层次结构。

$('.active').removeClass('active');
$(this).addClass('active');

如果 DOM 层次结构已知，则可以使用更有效的选项。

例如，如果他们都是 sibling ，您可以使用:

$(this).addClass('active').siblings('.active').removeClass('active');