jquery - 使用 JQuery 在导航栏中切换事件类

Question

<ul>
                <li id="tabHome" class="active"><a href="@Href("~")">Home</a></li>
                <li id="tabCMDS"  ><a href="@Href("~/CMDS")">CMDS</a></li>
                <li id="tabServiceMonitor" ><a href="@Href("~/Monitor")">Service Monitor</a></li>
                <li id="tabBatchInterface" ><a href="@Href("~/BatchInterface")">Batch Interface</a></li>
            </ul>

所以我想绑定(bind)到每个 ID 的 click，并在被点击的那个上设置 class="active"，然后将其从所有其他 ID 中移除.

前半部分我可以，后半部分怎么办？

Answer 1

$(function() {
   $("li").click(function() {
      // remove classes from all
      $("li").removeClass("active");
      // add class to the one we clicked
      $(this).addClass("active");
   });
});

给 <li> 赋予有意义的类是明智的这样您就可以正确地选择那些，但您明白了。