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

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

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

用Firebug我看到了这个： jQuery151017197709735298827: 2 （我点击了第二个元素）。

Answer 1

这将提醒被点击的select器的索引（从第一个0开始）：

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

Answer 2

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

的jsfiddle

Answer 3

只要这样做： –

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

要么

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

Answer 4

兄弟姐妹

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