поменять классы по клику

Question

У меня есть список из 6 элементов, которые находятся в глобальном div (navigationagence). Сейчас я могу добавить класс по щелчку, но сейчас они складываются, что означает, что, как только мои шесть элементов будут нажаты, они все получаткласс текучести.

Я хочу иметь возможность удалить добавление класса к выбранному элементу, но удалить его к другому. Как этого добиться?Вот код jquery, который я сейчас использую.

$ ("# navigationagence ul li"). Click (function () {$ (this) .toggleClass ("currenttagence");});

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");
});