Попытка добавить обработчик события click к элементу LI и извлечь содержимое в окне предупреждения - PullRequest
Новая
       5

Попытка добавить обработчик события click к элементу LI и извлечь содержимое в окне предупреждения

0 голосов
/ 06 февраля 2020

Я пытаюсь добавить обработчик события щелчка к элементу LI и извлечь его содержимое в окне предупреждения. Только первое содержимое элемента попадает в окно предупреждения. Можете ли вы помочь мне получить текст каждого элемента в событии клика? 

document.querySelectorAll("ul")[1].onclick = function(){
    alert(this.innerText);
}
<div class="container">    
  <ul class="item-container">
    <li><a class="items" href="#">Item 1</a></li>
    <li><a class="items" href="#">Item 2</a></li>
    <li><a class="items" href="#">Item 3</a></li>
    <li><a class="items" href="#">Item 4</a></li>
    <li><a class="items" href="#">Item 5</a></li>
    <li><a class="items" href="#">Item 6</a></li>
   </ul>
</div>

1 Ответ

2 голосов
/ 06 февраля 2020

Возможно, вы захотите добавить событие щелчка к каждому элементу li вместо ul.

Вот пример: 

[...document.querySelectorAll("li")].forEach(li => li.onclick = function(){
    alert(this.innerText);
});
<div class="container">
	<ul class="item-container">
		<li><a class="items" href="#">Item 1</a></li>
		<li><a class="items" href="#">Item 2</a></li>
		<li><a class="items" href="#">Item 3</a></li>
		<li><a class="items" href="#">Item 4</a></li>
		<li><a class="items" href="#">Item 5</a></li>
		<li><a class="items" href="#">Item 6</a></li>
	</ul>
</div>
...