如何獲得'點擊'事件內的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元素的索引？

回答

相關問題