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

像这样：

var navlis = $("nav").find("li");
navlis.click(function () {
    navlis.not(this).removeClass("orange");
    $(this).toggleClass("orange");
});

Answer 2

为此，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.
});

如何将类添加到列表项并从以前的项中删除它

2 个答案:

DEMO