Cómo encontrar el número de posición de un elemento hijo determinado en un elemento primario usando jQuery

Question

Tengo un div que contiene varios otros divs que contienen una imagen. Se ve muy similar a esto

<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> 

Quiero saber la posición de div que tiene la clase activa. Consigo el número total de elementos de niños con esta cosa

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

así que supongo, debe haber una manera de encontrar el número de posición de ese div alguna manera ...

bien, he encontrado la práctica solución. Ahora es un poco más complicado. Necesito conseguir índice de un DIV w/imgHldr clase contiene img con Identificación del 5 dentro de la matriz DIV w/clase parentHldr. Es esto posible ??))

Answer 1

Uso index():

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