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

Question

我有一组图像 thumb class。在 click 事件中，我想知道用户从 thumbs 图片数组中点击了哪个图片。基本上，我想要 thumbs 数组中的（这个）图像的索引。

HTML

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

Javascript

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="#" />

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

How to get the index of css element inside 'click' event?

javascript

jquery

onclick