jquery获取当前元素在同辈元素中的索引号实例

如何通过 jquery 获取当前元素在同辈元素中的索引号,下面通过一个例子来说明:

  1. <ul class="img"> 
  2. <li><a href="#"><img src="style/img/ad1.jpg"/></a></li> 
  3. <li><a href="#"><img src="style/img/ad2.jpg"/></a></li> 
  4. <li><a href="#"><img src="style/img/ad3.jpg"/></a></li> 
  5. <li><a href="#"><img src="style/img/ad4.jpg"/></a></li> 
  6. <li><a href="#"><img src="style/img/ad5.jpg"/></a></li> 
  7. </ul> 

假如我给每一个img元素绑定一个click事件,那么在click的function中如何能知道我当前单击的是哪一个img呢?即怎么知道它的 index号呢?(比如单击ad1.jpg,应该返回0,ad2.jpg应该返回1,或者前面返回1和2),则如下:

  1. $('.img img').bind('click',function(){ 
  2.     alert($('.img img').index(this)); 
  3. }); 

另外你也可以直接使用:

  1. $(this).index(); 

这种方法获取索引号,经过测试,第二种方法更为简练,而且获取的索引号是相对于当前父元素的,而不是像第一种方法是相对于整个body元素的。

转载请注明:代码家园 » jquery获取当前元素在同辈元素中的索引号实例

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)