应选择 javascript 选项卡式菜单，直到用户移至下一个菜单

Question

每当用户选择选项卡式菜单时，从那时起，应选择[以背景颜色]选择的选项卡式菜单，直到用户选择下一个选项卡式菜单。每个选项卡菜单的每个页面都有其正文内容。

在代码中，所选选项卡菜单应在 html 中具有属性 class="selected" ，直到用户选择下一个等效菜单，我需要在 javascript 或 jquery 中使用此属性。

有什么帮助吗？请

我的 html 代码

<ul class="mainnav" id="mainnav1">
<li><a href=""><span>Home</span></a></li>
<li><a href=""><span>Test orders</span></a></li>
<li><a href=""><span>Access arrangements</span></a></li>
<li><a href=""><span>Pupil registration</span></a></li>
<li><a href="" class="active"><span>Teacher assessment</span></a></li>
<li><a href=""><span>Pupil results</span></a></li>
<li><a href=""><span>Phonics screening check</span></a></li></ul>

Answer 1

希望这能有所帮助。

$("#mainnav1 li a").on("click", function(){
    $("#mainnav1 li a").removeClass("active");
    $(this).addClass("active");

    return false;
});

jsfiddle