как вы обращаетесь 'а' в неупорядоченном списке

Question

я есть это Див

<ul id = "issues"> 
<li> 
<h1>titel</h1> 
<p>tekst text tekst </p> 
<a class="next" href="#">next</a> 
</li> 
<li> 
<h1>titel</h1> 
<p>tekst text tekst </p> 
<a class="next" href="#">next</a><a class="previous" href="#">prev</a> 
</li> 
.... 
</ul> 

и этот сценарий

$('#issues li').each(  
     function(intIndex){ 

      $(this).nextAll('a').bind("click",function(){ 
      alert ('hello'); 

      });//close .bind() 

     });//close .each 

()

, но он не работает. как я могу обратиться к тегу a, чтобы узнать, щелкнули ли кто-нибудь?

Answer 1

$('#issues a').on('click',function(e){ 
 
    
 
    alert('you clicked '+this.className); 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id = "issues"> 
 
<li> 
 
<h1>titel</h1> 
 
<p>tekst text tekst </p> 
 
<a class="next" href="#">next</a> 
 
</li> 
 
<li> 
 
<h1>titel</h1> 
 
<p>tekst text tekst </p> 
 
<a class="next" href="#">next</a><a class="previous" href="#">prev</a> 
 
</li> 
 
.... 
 
</ul>

Answer 2

Вам не нужно перебирать элементы для привязки к ним события. Применение:

$('#issues .next').click(function(){ 
    alert ('hello'); 
}); 

Answer 3

Используйте правильный селектор и вам не нужно each() для связывания событий.

$('#issues li a.next').click(function() { 
    alert('Index of li: ' + $(this).closest('li').index()); 
});