獲取我點擊的元素相對於jquery集合的索引

Question

我在這裏有一個小提琴，非常簡單。

http://jsfiddle.net/tnQne/

我對JS是這裏

$('section a').on('click', function() { 
    alert($(this).index()); 
}); 

它總是返回0，因爲內部部分只有1錨標記。我想要的是它返回jquery集合中clicked元素的位置。因此，如果我點擊最後一個部分定位點，它將返回2（基於0）

Answer 1

您需要存儲原始集合並在該集合上調用index。

var links = $('section a').on('click', function() { 
    alert(links.index(this)); 
}); 

jsFiddle

---

與您的代碼的問題是，$(this).index()將獲得元素相對於其同級中的索引。由於a元素沒有任何兄弟，因此索引始終爲0。我已鏈接的API頁面解釋瞭如果DOM元素是參數，index函數的工作原理。

Answer 2

lonesomeday有一個好辦法做到這一點，但另一種方式是：

$('section a').on('click', function(e) { 
    alert($.inArray(e.target, $('section a'))); 
});​ 

jsFiddle example