jquery：目标 class 的第 n 个实例，当它不是 div 的唯一 class 时

Question

我有一个类似 div 的列表，它们都分配了 class a，有些分配了 a 和 b classes。

我想找出当前选中的div的b索引。

如果两个 class 都存在，则返回的索引是 "like" class a 而不是我正在寻找的 class b.

div 看起来像这样

<div class="a">
    <div class="clicker">1st</div>
</div>
<div class="a b">
    <div class="clicker">2nd (1st instance of class b - index 0)</div>
</div>
<div class="a">
    <div class="clicker">3rd</div> 
</div>
<div class="a b">
    <div class="clicker">4th (2nd instance of class b - index 1)</div>
</div>

我就是这样针对他们的

$(".clicker").click(function(){
    var yi = $(this).closest(".b").index();
    // yi should have the index of .b
});

如何找到b的索引？

http://jsfiddle.net/zgn1fv47/4/

Answer 1

您可以定位索引的选择，使其仅匹配 a 和 b 类;

var yi= $(this).closest(".b").index(".a.b");

jquery：目标 class 的第 n 个实例，当它不是 div 的唯一 class 时

jquery: target nth instance of class when it isn't the only class of div

jquery

class

target