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

 
更多

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

<ul class="img">
<li><a href="#"><img src="style/img/ad1.jpg"/></a></li>
<li><a href="#"><img src="style/img/ad2.jpg"/></a></li>
<li><a href="#"><img src="style/img/ad3.jpg"/></a></li>
<li><a href="#"><img src="style/img/ad4.jpg"/></a></li>
<li><a href="#"><img src="style/img/ad5.jpg"/></a></li>
</ul>

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

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

另外你也可以直接使用:

$(this).index();

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

打赏

本文固定链接: https://www.cxy163.net/archives/3968 | 绝缘体

该日志由 绝缘体.. 于 2013年07月06日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: jquery 获取当前元素在同辈元素中的索引号 | 绝缘体
关键字: , , , ,

jquery 获取当前元素在同辈元素中的索引号:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter