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

Question

[Azamat_TURBO]

На странице есть 3 блока с классом .block.
В каждом блоке есть по кнопке .button.
Как с помощью JS сделать так, чтобы при нажатии на любую из трёх кнопок присваивался класс всем блокам .block.
И, соответственно, при повторном нажатии на любую из кнопок добавленный класс удалялся у всех блоков.

Answer 1

[h88p]

document.querySelectorAll('.button').forEach(w => {
	w.addEventListener('click', _=> {
		document.querySelectorAll('.block').forEach(e => {
			e.classList.toggle('qwe');
		})
	})
})

Comments

[Azamat_TURBO]

Прошу прощения, а можно то же самое, но максимально подробно, без сокращений?

[h88p]

document.querySelectorAll('.button').forEach(elem => { // К массиву элементов с селектором .button применяете метод forEach, в котором выполняется стрелочная функция, принимающая в качестве аргумента elem, который является элементом
  elem.addEventListener('click', _=> { // к элементу добавляете обработчик события click
    document.querySelectorAll('.block').forEach(elem2 => { // также ищите все элементы с селектором .block и к каждому применяете classList.toggle, то есть, если у элемента нет класса qwe, то он его добавляет, иначе удаляет 
      elem2.classList.toggle('qwe');
    })
  })
})

Answer 2

[dicem]

Comments

[dicem]

Не сделал конечно удаление классов но просто сделайте проверку на наличие классов в блоках и удаляйте если такой имеется или добавляйте если не имеется

Answer 3

[Алексей]

Наверняка вы используете jquery
Полный код для вашего случая писать лень - вот пример который вам поможет
jQuery('.class').each(function(){
jQuery(this).has('.someclass').addClass('anotherclass');
})

Аналогично, есть функция removeClass