Question

我有几个像这样排序的图像：

<div>
    <img src="img.png"><img src="img.png"><img src="img.png">
</div>
<div>
    <img src="img.png"><img src="img.png"><img src="img.png">
</div>
<div>
    <img src="img.png"><img src="img.png"><img src="img.png">
</div>

使用.index()时，它返回相对于父级的索引。因此，如果我在第三行的第二个元素上使用它，当我希望它返回时，它会返回1.有没有办法让索引相对于整个页面，以及只计算{{1} }标签？

Answer 1

考虑到您使用jQuery，它应该相对容易。

jQuery('img').index(jQuery(this));

这将显示当前图像的索引与网站上的所有其他图像相比较。用法示例：

jQuery('img').on('click',function(){ 
    console.log(jQuery('img').index(jQuery(this)); //will return index based on all images
});

点击功能应该证明索引是基于所有图像，而不仅仅是具有相同父图像的图像。

查找特定类型元素相对于整个页面的索引？

1 个答案: