javascript - 如何根据类似的类获取容器内元素的索引？

Question

我正在尝试根据子对象的相似类而不是按标签名称来计算对象的索引值。

认为 type_a 和 type_b 元素之间有一个分隔符容器。我编写了我想要获取的 index 值，但找不到解决此问题的方法。

Here is jsFiddle.

html:

<div class="container">
    <span class="type_a">0</span>
    <span class="type_a">1</span>
    <span class="type_b">0</span>
    <span class="type_a">2</span>
    <span class="type_b">1</span>
    <span class="type_b active">2</span>
    <span class="type_a">3</span>
    <span class="type_a">4</span>
    <span class="type_b">3</span>
</div>

jQuery:

$('.container .type_b').each(function(index) {
    if ( $(this).hasClass('active') ) {
        console.log($(this).index());
    }
});

Answer 1

另一个解决方案:

console.log($('.container .type_b').index($('.active')));

将记录正确的索引。