Как получить src?

Question

[Ivan Ivanovich]

Здравствуйте.

Есть код (https://jsfiddle.net/r4numay8/):

<div class="slide-img">
  <a href="#">
    <img src="1.jpg" alt="">
  </a>
    <a href="#">
    <img src="2.jpg" alt="">
  </a>
</div>

По нажатию на ссылку нужно получать атрибут src у картинки.

Я пытался через querySelectorAll, но при попытке повесить событие addeventlistener получал ошибку. Через id тоже не получилось, вспомнил что id это уникальный идентификатор и он должен быть один на странице.

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

Заранее спасибо

Answer 1

[Andrew]

const allLinks = document.querySelectorAll('.slide-img a');
allLinks.forEach(el=>el.addEventListener('click',function(e){
e.preventDefault();
console.log(el.querySelector('img').getAttribute('src'));
});

Comments

[Ivan Ivanovich]

Andrew Спасибо!