Задать вопрос
@Dmitr66

Как при добавлении класса, убрать его у других элементов?

Есть список
<ul>
  <li class="one">First</li>
  <li class="two">Second</li>
  <li class="three">Third</li>

При клике на элемент добавляем ему active
let one= document.querySelector('.one');
let two= document.querySelector('.two');
let three= document.querySelector('.three');

one.onclick = () => {
	one.classList.add('active');
}
two.onclick = () => {
        two.classList.add('active');
}
three.onclick = () => {
        three.classList.add('active');
}


Однако, если мы кликнем на >1 элемента, то у нас будет >1 active, а как сделать так, чтобы при клике на один класс, active удалялся у дркгих? Без jQuery
  • Вопрос задан
  • 56 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
@bogomazov_vadim
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
KickeRocK
@KickeRocK
FrontFinish
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
div. Ставрополь
от 40 000 до 90 000 ₽
Wanted. Санкт-Петербург
До 220 000 ₽
19 дек. 2024, в 02:11
15000 руб./за проект
19 дек. 2024, в 02:09
11000 руб./за проект
19 дек. 2024, в 00:46
30000 руб./за проект