Как найти номер позиции определенного дочернего элемента в родительском элементе, используя jQuery

Question

У меня есть div, содержащий несколько других div, содержащих изображение. Похоже, что-то вроде этого

<div id="parentHldr">
 <div class="imgHldr"><img src="foo/bar.png" id="1"></div>
 <div class="imgHldr"><img src="foo/bar.png" id="2"></div>
 <div class="imgHldr"><img src="foo/bar.png" id="3"></div>
 <div class="imgHldr active"<img src="foo/bar.png" id="4"></div>
 <div class="imgHldr"><img src="foo/bar.png" id="5"></div>
 <div class="imgHldr"><img src="foo/bar.png" id="6"></div>
</div>

Я хочу знать позицию div с активным классом. Я получаю общее количество дочерних элементов с этой вещью

$('#parentHldr').children().length

Итак, я полагаю, должен быть способ найти позиционный номер этого div как-то ...

хорошо, я практически нашел решение. Теперь это немного сложнее. Мне нужно получить индекс DIV w / класса imgHldr , содержащий img с id 5 внутри родителя DIV w / class parentHldr . Возможно ли это ??))

Answer 1

Использование index () :

$("#parentHldr > div").index($("#parentHldr > div.active"));