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

У меня есть 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 каким-то образом...

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

Ответ 1