@bxspb

Как повесть функцию на все элементы с классом?

Подскажите как по клику по элементу назначить функцию для всех элементов с выбранным классом на странице.

<button class="uk-button">play</button>

<video class="playVideo"></video>
<video class="playVideo"></video>
<video class="playVideo"></video>


Что то типа этого наверное нужно сделать, я так понимаю что метод клик на SelectorAll не работает, а querySelector возвращает только первый найденный элемент с классом.

var playButton = document.getElementsByClassName("uk-button");
var elements = document.querySelectorAll(".playVideo");
for (var i = 0; i < elements.length; i++) {
  playButton.onclick = function(){
    elements[i].play();
  };
}

});
  • Вопрос задан
  • 88 просмотров
Решения вопроса 2
sergski
@sergski
web-developer
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
playButton.addEventListener("click", () => elements.forEach(el => el.play()));

В развернутом виде:
playButton.addEventListener("click", function () { // Назначаем обработчик события "клик" по кнопке
   
    elements.forEach(function (el) { // Выполняем какую-то логику для каждого элемента из списка

        el.play()
   })

});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы