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

Question

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

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＆＃39; s index

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;