我有这样的HTML结构:
<div class="container">
<div class="item">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
<div class="item">
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
</div>
</div>
我选择了jQuery的全部As,并在此处总共获得6个对象。我想获取6数组中A的索引(例如,我可以检测到单击了哪个A),但是当我使用.index()时,我得到的是元素相对于其父元素的索引。因此,对于第5个AI,获得与第2个AI相同的索引,因为te 5th实际上是其div.item中其组中的第二个:
$('a').click(function(){
console.log ( $(this).index() ); // returns "1" for the 5th A
});
那么,有没有一种方法可以在选择的数组中而不是在DOM的父级中获取被单击元素的索引?
看一下.index()的jquery文档。您可以按以下方式修改代码以获得所需的结果:
$('.container').on("click", "a", function(){
console.log ( $("a").index($(this)));
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句