javascript - 使用 javascript/jquery 更改类名的问题

Question

我希望更改导航菜单中当前单击的选项卡的背景颜色。然后，当我单击不同的选项卡时，我希望旧选项卡变回原始背景颜色。我见过很多地方，但我遵循的每个教程都不适合我。

这是我用于导航的 html 代码。基本上，我想将类“member_nav”更改为“member_nav_clicked”，然后在单击不同的选项卡时返回“member_nav”。

<div class="member_nav">
    <a href="javascript:;" onclick="javascript:nav1(); load_video('6')">Nav 1</a>
</div>
<div class="member_nav">
    <a href="javascript:;" onclick="javascript:nav2(); load_video('2')">Nav 2</a>
</div>
<div class="member_nav">
    <a href="javascript:;" onclick="javascript:nav3(); load_video('4')">Nav 3</a>
</div>
<div class="member_nav">
    <a href="javascript:;" onclick="javascript:nav4(); load_video('5')">nav 4</a>
</div>
<div class="member_nav">
    <a href="javascript:;" onclick="javascript:nav5(); load_video('3')">Nav 5</a>
</div>

我不会包含任何我尝试过的 JavaScript 函数，因为它们都不起作用。

Answer 1

添加一个 active 类，然后在单击事件中查找当前事件元素并使用 $('.active').removeClass 删除 active 类('active') 之后将 active 类设置为单击的元素 $(this).addClass('active')。

评论中@adeneo的anwser实际上更好。

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