javascript - 使用 jQuery 获取具有特定类的子项的 N 索引

Question

在单击事件中，我想获取所选元素的索引。然而我不只是想获得 N 索引，其中 N 表示它是父元素的第 N 个子元素。

我想要 N 个索引，其中 N 表示它是包含指定类的父元素的第 N 个子元素。在此示例中，指定的索引为“type-2”，因此最后一个子元素应具有 N = 2，因为它是具有该类的父元素的第三个子元素。

<div class="parent-element">
   <div class="child type-1"></div>
   <div class="child type-1"></div>
   <div class="child type-2"></div>
   <div class="child type-2"></div> 
   <div class="child type-2"></div> <!-- index should equal 2 -->
</div>

将以这种方式选择...

$(‘.child’).click(function(){
    $(this). …
}

Answer 1

可以在集合上调用.index()方法，它将返回集合中元素的索引。所以你可以使用:

var index = $(this).parent().children(".type-2").index(this);