确定我点击的div中的图像索引

Question

我有一些像这样的代码：

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

我想要的是弄清楚以下代码需要什么，以便在我点击第一张图片时记录1，如果我点击下一张图片则记录2。

$("#thumbs img").click(function(){
    console.log(_____WHAT GOES HERE?_____)
});

我知道我可以添加ID（image1，image2等）并使用它来解决问题，但如果有的话，我想要一种更清洁的方式。

Answer 1

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

.index()方法返回被点击的img的从零开始的索引号（与其兄弟姐妹相关）。

我添加了+ 1来为您提供所需的基于1的索引。

• http://api.jquery.com/index/

还有其他各种方式来调用.index()。没有参数，它的行为如上所述。