Jquery 确定我单击的div中图像的索引

我有一些这样的代码：

<div id="thumbs">
    <img src="/media/img/banana.png" />
    <img src="/media/img/apple.png" />
    <img src="/media/img/lobster.png" />
    <img src="/media/img/charismatic_duck.png" />               
</div>

我知道我可以添加IDs image1、image2等，并使用它们来解决问题，但如果有，我希望有一种更干净的方法

console.log( $(this).index() + 1 )

index方法返回相对于其同级单击的img的从零开始的索引号

我添加了+1以提供您想要的基于1的索引

调用.index还有多种其他方法。没有参数，它的行为与我上面描述的一样

index方法返回相对于其同级单击的img的从零开始的索引号

我添加了+1以提供您想要的基于1的索引

---

调用.index还有多种其他方法。没有参数，它的行为与我上面描述的一样。

Ah，index，而不是indice！谢谢啊，索引，不是索引！谢谢

console.log( $(this).index() + 1 )