Question

我有这个div

<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-tag以查看是否有人点击了？

Answer 1

使用正确的选择器，您不需要each()来进行事件绑定。

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

Answer 2

您不需要迭代元素以将事件绑定到它们。使用方法：

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

Answer 3

＆＃13;

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

＆＃13;

<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>

＆＃13;

你怎么解决＆＃39; a＆＃39;在无序列表中

3 个答案: