Как узнать индекс элемента в наборе, но с определенным классом?

Question

[Денис Букреев]

Есть набор элементов:

<div class="element"></div>
<div class="element"></div>
<div class="element active"></div>
<div class="element active"></div>
<div class="element active"></div>
<div class="element"></div>

Несколько подряд из них имеют класс active
Как при клике по active узнать его индекс только из набора .active-элементов?

Answer 1

[Nik Gubin]

$('.element').on('click', function () {
    console.log($(this).index('.active'));
});

Но! При клике на элемент без класса "active" получите индекс -1, нужны дополнительные условия

Comments

[Денис Букреев]

Круто! Оказалось проще, чем я думал)
Спасибо

А по не active и не кликнуть, они за пределами видимости)

[Nik Gubin]

Денис Букреев: настойчиво рекомендую прошерстить API jQuery. Масса вопросов отпадёт в будущем))

[Денис Букреев]

Nik Gubin: у меня изначально был неверный подход к обучению JS и JQ, так что чтение документации только все путает

пробелов осталось мало, и я их вот так потихоньку закрываю на живых проектах - гугл/тостер

[Вячеслав Яшников]

Только тут ошибка)
Если нужно получить индекс элемента только из набора с классом active то код следующий)

$('.element').on('click', function () {
    console.log($('.active').index($(this));
});