Как убрать класс если соседние li с классом active?

Question

[sergeymaverick]

Есть верстка. Классы .active .first .last добавляет CMS MODX. Нужно сделать так при помощи jq что бы после того как всем остальным li добавлялся клас .active то у первого li.active.first пропадал класс .active, и когда у всех li нет класса .active то у первого он был. Это все сейчас выводиться через pdoMenu и он сам добавляет классы active в зависимости от странички.

Answer 1

[Mesuti]

li это ссылки на другие страницы ?
помимо active еще что-то добавляется? например, first. Чтобы понимать кто из li действительно должен быть active

Без песочницы на первый взгляд такое решение:

$('li').click(
        function () {

// Поиск active по списку и удаление
            document.querySelectorAll('li .active').forEach(n => n.classList.remove('active'));

// Присвоение active по кликнутому li
            $(this).addClass('active');
        }
    );

Comments

[sergeymaverick]

first и last добавляет CMS MODX. Li это ссылки на другие странички. Суть такая, Первый li это - Все услуги, а остальные li это как бы под-меню. У класса .active стоит цвет активной странички, и когда переходишь по меню по другим под-меню то первый li остается .active так как CMS думает что это и пункт (Все услуги) и Под-меню и получаеться что перешел в под-меню и уже становиться два li.active. Нужно как бы проверить если соседи у .first.active с классом .active то у него убрать .active, а если их нет, то оставить у первого li класс .active