在選擇器數組中的元素的jQuery索引

Question

我想要獲取由jquery選擇器返回的數組內的元素的索引。

這裏是我的代碼：

$("div").click(function(){ 
    alert($.inArray($(this), $("#div"))); 
}); 

的一個例子，這個HTML：

<div>A</div> 
<div>B</div> 
<div>C</div> 
<div>D</div> 

我希望它顯示爲 「4」，當用戶點擊包含D.在div有什麼如何做到這一點？這個inArray函數似乎沒有做到我在應用於選擇器時所期望的。

Answer 1

你只是想：

$("div").click(function(){ 
    alert($(this).index("div")); 
}); 

（您將需要1添加到.index()調用的結果，因爲該指數是0爲基礎的）。

例子：http://jsfiddle.net/andrewwhitaker/tdcVU/

Answer 2

你可以使用另一種方法是prevAll()

alert($(this).prevAll("div").length + 1); 

Answer 3

嘗試

的.index（）

VAR將selectedItem = $（本）; var index = $（'div'）。index（selectedItem）;

Answer 4

這裏是你的代碼的更新，將工作 -

$("div").click(function(){ 
    alert($.inArray(this, $("div"))); 
}); 

的變化 -

• 改變了選擇傳遞到從#div的inArray的數組變量div
• 傳遞一個正常的JavaScript DOM元素而不是jQuery將 元素包裝到inArray函數中

工作演示 - http://jsfiddle.net/ipr101/CfY8j/