用jQuery获取集合中单击元素的索引

如何获得下面代码中点击项目的索引?

$('selector').click(function (event) { // get index in collection of the clicked item ... }); 

用Firebug我看到了这个: jQuery151017197709735298827: 2 (我点击了第二个元素)。

这将提醒被点击的select器的索引(从第一个0开始):

 $('selector').click(function(){ alert( $('selector').index(this) ); }); 
 $('selector').click(function (event) { alert($(this).index()); }); 

的jsfiddle

只要这样做: –

 $('ul li').on('click', function(e) { alert($(this).index()); }); 

要么

 $('ul li').click(function() { alert($(this).index()); }); 

兄弟姐妹

$(this).index()可用于获取单击元素的索引,如果元素是兄弟元素。

 <div id="container"> <a href="#" class="link">1</a> <a href="#" class="link">2</a> <a href="#" class="link">3</a> <a href="#" class="link">4</a> </div> 
 $('#container').on('click', 'a', function() { console.log($(this).index()); }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <div id="container"> <a href="#" class="link">1</a> <a href="#" class="link">2</a> <a href="#" class="link">3</a> <a href="#" class="link">4</a> </div>