Задать вопрос
@sergeymaverick
css

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

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

5ca39b51d423a078404422.jpeg
  • Вопрос задан
  • 88 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
Mesuti
@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');
        }
    );
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Верстка и логика формы выбора билетов в зале для покупки
20 апр. 2024, в 00:43
10000 руб./за проект
Разработать формирование УПД на Java
20 апр. 2024, в 00:28
20000 руб./за проект
Ещё заказы