獲取來自不同元素組的索引

Question

我有li列表，其中包含2組數據，data-type='a'和data-type='b'，並且a/b的順序是隨機的。當用戶點擊li時，如何獲得索引僅基於其中一個組？例如，點擊3rd li將返回下面的html的索引1。

<li> 
    <div class='img' data-type='a'> 
    </div> 
</li> 
<li> 
    <div class='img' data-type='b'> 
    </div> 
</li> 
<li> 
    <div class='img' data-type='b'> 
    </div> 
</li> 
<li> 
    <div class='img' data-type='a'> 
    </div> 
</li> 
<li> 
    <div class='img' data-type='b'> 
    </div> 
</li> 
<li> 
    <div class='img' data-type='a'> 
    </div> 
</li> 

Answer 1

您可以使用.index()第3版本，返回通行證項目的基礎上，集上的.index元素（）被調用的索引。（courtesy阿倫P約翰尼拉）

然後結合它與屬性選擇..

$("div").click(function() { 
    var dataType = $(this).data("type"); 
    alert($("[data-type='" + dataType + "']").index(this)); 
}); 

Fiddle