@powercoder

Как сделать чтобы этот скрипт работал ко всем классам?

Как сделать, чтобы скрипт применялся ко всем button с классом .linkinp?
В моем коде около 50 button, но работает код работает только на первом.

jQuery(document).ready(function($) {
var btn = document.querySelector('.linkinp ');
btn.onclick = function(e) {
	var element = document.querySelector(".doght-03");
  if(element.classList.contains("show-block")) {
  	element.classList.remove("show-block");
  } else {
  	element.classList.add("show-block");
  }
}
});
  • Вопрос задан
  • 102 просмотра
Решения вопроса 1
coderisimo
@coderisimo Куратор тега JavaScript
Хотите ответ? Формулируйте вопрос КОРРЕКТНО ! :)
метод querySelector() возвращает первый элемент (Element) документа, который соответствует указанному селектору или группе селекторов.


а вам нужен getElementsByClassName()


Возвращает массивоподобный (итерируемый) объект всех дочерних элементов, соответствующих всем из указанных имен классов.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
john36allTa
@john36allTa
That`s calling Walker
Ещё можно таким образом
jQuery(document).ready(function($) {
	document.addEventListener('click', function(e) {
  	if (!e.target.classList.contains("linkinp")) return;
  	var element = document.querySelector(".doght-03");
  	if(element.classList.contains("show-block")) {
  		element.classList.remove("show-block");
  	} else {
  		element.classList.add("show-block");
  	}
	});
});
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Admitad Projects Москва
от 130 000 до 200 000 ₽
Fundraise Up Санкт-Петербург
от 2 500 до 3 500 $
26 мая 2020, в 02:01
4500 руб./за проект
26 мая 2020, в 00:42
10000 руб./за проект
25 мая 2020, в 22:16
3000 руб./за проект