Buscar dentro de un div

[salbatore]

Hola foreros!,

Estoy intentado hacer una funcion que me ordene en un array los id's de todos los elementos que tengan la clase "mi_clase" dentro de un determinado div es decir:

Código HTML:

<div id='mi_div'>
        <div id='superman' class='mi_clase'>De este elemento se copia el id</div>
        <div id='catwoman'>De este elemento no se copia el id</div>
        <div id='superlopez' class='mi_clase'>De este elemento se copia el id</div>
        <div id='mortadelo' class='mi_clase'>De este elemento se copia el id
                 <div id='filemon' class='mi_clase'>
                         De este elemento se copia el id
                 </div>
        </div>
</div>
 

No me costaria nada si todos estuviesen al mismo nivel, pero como podeis ver en el html de ejemplo que os he puesto es posible encontrarse con elementos dentro de otros. Necesitaria que todos los elementos se encontrasen en un mismo array de este modo:

array_con_nombres[0] ··········> superman
array_con_nombres[1] ··········> superlopez
array_con_nombres[2] ··········> mortadelo
array_con_nombres[3] ··········> filemon

Tengo que hacerlo con un bucle, es decir, es dinamico. Para mi es lo de siempre, funciones recursivas que aunque lea y lea mi cabeza me impide comprenderlas correctamente sorry.


¿Como lo harias vosostros correctamente?, es que yo me he puesto hacerlo y era un poco ridiculo... mas o menos era un bucle tras otro tras otro... pero a mano... :P

¿Como podria hacer un unico bucle?