temp-market
@temp-market
Фронтэнд разработчик

Как сделать переключение классов для JS-меню?

Есть такой код HTML
<ul class="conmenu-ul">
	<li class="active"><a href="#">Задания</a></li>
	<li><a href="#">Статистика</a></li>
	<li><a href="#">Лента</a></li>
	<li><a href="#">Действия</a></li>
	<li><a href="#">Доска Trello</a></li>
</ul>

подскажите как сделать чтобы при клике на пункты меню чтоб им задавался класс active.
Т.е нажимаешь на Статистика класс убирается с пункта Задания и задается для пункта Статистики, просто в this не разбираюсь.
Жду вашей помощи
  • Вопрос задан
  • 4200 просмотров
Решения вопроса 1
teotlu
@teotlu
Навёрстываю упущенное
Ну, раз у вас отмечен тег jquery, то примерно вот так:

var $menu = $(".conmenu-ul"), // кэшируем в переменную меню
    $links = $menu.find("a"); // кэшируем в переменную ссылки

$links.on("click", function() {
    $menu.children().removeClass("active"); // убираем класс у всех пунктов
    $(this).parent().addClass("active"); // добавляем к пункту, содержащему нажатую ссылку
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы