如何在事件中获取 css 元素'click'索引？

Question

我有一组thumb类的图像。在click事件中，我想知道用户从thumbs图像数组中单击了哪个图像。基本上，我希望（此）图像的索引thumbs数组中。

.HTML

<img class="thumb" src="#" />
<img class="thumb" src="#" />
<img class="thumb" src="#" />
<img class="thumb" src="#" />

爪哇语

var thumbs = $('.thumb'); 
$('.thumb').click(function(){
      current_thumb = ??;
});

Answer 1

使用 jQuery 的index

var thumbs = $('.thumb'); 
$('.thumb').click(function(){
 var current_thumb = thumbs.index(this);
 alert(current_thumb);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="thumb" src="#" />
<img class="thumb" src="#" />
<img class="thumb" src="#" />
<img class="thumb" src="#" />