获取来自不同元素组的索引

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