Доступ к выбранному элементу - PullRequest
Новая
       20

Доступ к выбранному элементу

0 голосов
/ 13 июля 2020 
extends ../header2.pug
block unique-css
    include ../../public/css/mentor/mentiler.css
block unique-content
    .main
        each menti, index in mentiler
            .menti= menti
    script
        include ../../public/js/mentor/mentiler.js

Это мой код мопса, и я хочу получить доступ к выделенному элементу .menti classed в 

    each menti, index in mentiler
        .menti= menti

этих строках кода с помощью javascript. Но проблема в том, что когда я добавляю прослушиватель событий в класс .menti, он работает только для первого элемента.

А вот мой js код: 

document.querySelector(".menti").addEventListener("click", () => 
{
    console.log(document.querySelector(".menti").innerHTML)
})

Как я сказал выше Я могу получить только первый элемент.

1 Ответ

1 голос
/ 13 июля 2020

Метод querySelector() возвращает только первый элемент, которому он соответствует.

Чтобы привязать событие к каждому элементу .menti, вам нужно использовать querySelectorAll() метод в сочетании с al oop: 

document.querySelectorAll('.menti').forEach(menti => {
  menti.addEventListener('click', event => {
    // handle click
  })
})
...