@Azamat_TURBO

Как в JS сделать так, чтобы при нажатии на любую из трёх кнопок присваивался класс всем блокам с определённым классом?

Суть такова. На странице есть 3 блока с классом .block.
В каждом блоке есть по кнопке .button.
Как с помощью JS сделать так, чтобы при нажатии на любую из трёх кнопок присваивался класс всем блокам .block.
И, соответственно, при повторном нажатии на любую из кнопок добавленный класс удалялся у всех блоков.
Спасибо!
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
@h88p
Pre-Junior HTML Developer
document.querySelectorAll('.button').forEach(w => {
	w.addEventListener('click', _=> {
		document.querySelectorAll('.block').forEach(e => {
			e.classList.toggle('qwe');
		})
	})
})
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
dicem
@dicem
Ответ написан
yarkov
@yarkov Куратор тега JavaScript
https://github.com/yarkovaleksei/toster-extension
В обработчике нажатия пройтись по всем блокам и если класса нет, то добавить, иначе убрать.
Ответ написан
@netstormpro
Developer & designer
Наверняка вы используете jquery
Полный код для вашего случая писать лень - вот пример который вам поможет
jQuery('.class').each(function(){
jQuery(this).has('.someclass').addClass('anotherclass');
})

Аналогично, есть функция removeClass
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 руб.
Webimatic Санкт-Петербург
от 120 000 руб.
22 авг. 2019, в 12:55
3000 руб./за проект
22 авг. 2019, в 12:43
3000 руб./за проект
22 авг. 2019, в 11:45
1000 руб./за проект