jquery：当它不是div的唯一类时，定位类的第n个实例

Question

我有一个类似div的列表，所有div都分配了a个类，有些还有a和b个类。

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

如果两个类都存在，则返回的索引是＆＃34; like＆＃34;课程a而不是我正在寻找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");