jquery - 如何将类添加到列表项并将其从上一个项目中删除

Question

我需要在单击时将类 orange 添加到项目列表中，并在单击下一个项目时将其删除。

标记:

  <ul class="navbar-custom clearfix">
       <li><a href="#start"></a></li>
       <li><a href="#description"></a></li>
       <li><a href="#syntax"></a></li>
       <li><a href="#scrollbar"></a></li>
       <li><a href="#rotations"></a></li>
       <li><a href="#rotations-rotated"></a></li>
       <li><a href="#source"></a></li>
       <li><a href="#follow"></a></li>
   </ul>

脚本:

$("nav").find("li").click(function () {
        $(this).toggleClass("orange");
    });

Answer 1

为此，toggleClass 是不够的，

$("nav").find("li").click(function () {
    //remove all the orange class set with the li elements except the current element
    $("li.orange").not($(this).addClass("orange")).removeClass("orange");
    // add class orange to the current element.
}); 

DEMO