jquery: target n-й экземпляр класса, когда он не является единственным классом div

Question

У меня есть список похожих div, которые все имеют класс a, присвоенный им, а некоторые имеют классы a AND b.

Я хочу найти индекс b выбранного в данный момент div.

Если оба класса существуют, возвращаемый индекс относится к классу «как» 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");