单击时交换类

Question

我有一个包含全局div中的6个项目的列表（navigationagence） 现在我可以在点击时添加一个类，但是现在他们加起来意味着一旦点击了我的六个项目，他们最终都会得到currentagence类。

我希望能够删除添加一个类到被点击的项目，但将其删除到另一个，我怎样才能实现？这是我现在使用的jquery代码。

    $（“＃navigationagence ul li”）。click（function（）{       $（本）.toggleClass（ “currentagence”）;     }）;

Answer 1

您可以使用siblings()方法获取其他列表项并从中删除该类：

$("#navigationagence ul li").click(function() {
    $(this).addClass("currentagence").siblings().removeClass("currentagence");
});

Answer 2

或者您也可以使用：

$("#navigationagence ul li").click(function() {
    $(".currentagence").removeClass("currentagence");
    $(this).addClass("currentagence");
});