Javascript 我想让我的菜单在每次单击时都处于选中状态，并使用选中的菜单更改页面

我有这个jquery脚本：

<script type="text/javascript">
$(document).ready(function() {  


//Default Action

$(".navigation li:first").addClass("selectedli").show(); //Activate first tab


//On Click Event

$(".navigation li").click(function() {
$(".navigation li").removeClass("selectedli"); //Remove any "active" class

$(this).addClass("selectedli"); //Add "active" class to selected tab

});



});

</script>

菜单写为

<div class="navigation">
      <ul>
        <!--<li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">About Us</a>
        <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="inner_page.html">Member Profile</a> <a href="inner_page.html">Message from MD</a> <a href="inner_page.html">History</a> </div>
      </li>-->
        <li class="selectedli"><a href="#">Home</a></li>
        <li><a href="inner_index.php">2nd Page</a></li>
        <li><a href="inner2.php">Third Page</a></li>

      </ul>
    </div>

但是当我点击链接并导航到“internal_index.php”时，第一个

li

被选中，而我想选择第二个

li

。我该怎么办？

您可以使用

:second 

或

所以

将成为

$(".navigation second").addClass("selectedli").show(); //Activate first tab

---

您的脚本总是“激活”第一个选项卡，我认为您正在每个页面上加载此脚本？您如何知道您在哪个页面上？实际上，最好删除默认操作，而将“active”类放在页面的html中。您能否添加一个与OP代码相关的示例，说明如何使用这些操作？

:eq(1)

$(".navigation li:first").addClass("selectedli").show(); //Activate first tab

$(".navigation second").addClass("selectedli").show(); //Activate first tab