1

Скажите пожалуйста как сделать так, чтобы вместо event.target.id получать у "li" класс и индекс в коллекции

Вот пример кода :

const list = document.querySelector(".list");
list.addEventListener("click", event => {
  let target =  event.target.id;
  console.log(target);
});
<div class="list">
  <div id="one" class="item">1</div>
  <div id="two" class="item">2</div>
  <div id="three" class="item">3</div>
  <div id="four" class="item">4</div>
</div>

Id тут стоят только для примера!

1 ответ 1

0

Причем здесь делегирования я не понял, по вопросу - найти класс и индекс можно вот так:

const list = document.querySelector(".list");
list.addEventListener("click", event => {
  let t = event.target;
  let i = [...list.querySelectorAll('*')].indexOf(t);
  console.log(t.className, i);
});
<div class="list">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
</div>

9
  • t.parentNode == list
    – Grundy
    13 мая 2019 в 19:36
  • @Grundy я не понял :) 13 мая 2019 в 19:37
  • t - это div.item, родителем этого дива будет div.list, в самом начале кода div.list сохраняется в переменную list, и ему добавляется обработчик события. Таким образом можно не брать parent, а сразу обращаться к list
    – Grundy
    13 мая 2019 в 19:39
  • @Grundy ах это, да, так, только в таких ответах я стараюсь не менять код, который напрямую к ответу не относится..., не думаю что это тут существено 13 мая 2019 в 19:49
  • строчки про которую я говорю нет в исходном коде :)
    – Grundy
    13 мая 2019 в 19:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.