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

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

<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（）

时，它返回相对于父级的索引。因此，如果我在第三行的第二个元素上使用它，当我希望它返回7时，它将返回1。有没有一种方法可以获得相对于整个页面的索引，并且只计算

img

标记？

考虑到您使用的是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
});

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