如何获得'点击'事件内的CSS元素的索引？

我有一组图像thumb类。在click事件中，我想知道用户从thumbs图像阵列中单击的图像。基本上，我想要thumbs数组中的（this）图像的索引。如何获得'点击'事件内的CSS元素的索引？

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 = ??; 
});

来源

2015-04-27 Waseem Abu Senjer

你应该给一个DA ta-属性并从click事件中得到这个，或者给它一个id_index – Fals

它不是一个数组，那么你的索引是什么意思？ – Andrew

如果你能够给每个图像一个ID，你可以使用它来识别它们。然后在点击函数中使用“var idx = $（this）.attr（'id'）” - 尽管这会将工作添加到初始代码中。 – Silvertiger

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

来源

2015-04-27 16:21:27

如何获得'点击'事件内的CSS元素的索引？

回答

相关问题