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

Question

[Хабиб Омаров]

Есть такой код 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 не разбираюсь.
Жду вашей помощи

Answer 1

[teotlu]

Ну, раз у вас отмечен тег jquery, то примерно вот так:

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

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

Comments

[Хабиб Омаров]

спасибо огромное помогло