¿Cómo iterar a través de elementos secundarios de un div usando jQuery?

También es posible iterar a través de todos los elementos dentro de un contexto específico, sin importar cuán profundamente anidados estén:

$('input', $('#mydiv')).each(function () {
    console.log($(this)); //log every element found to console output
});

El segundo parámetro $('#mydiv') que se pasa al Selector 'input' de jQuery es el contexto. En este caso, la cláusula each () iterará a través de todos los elementos de entrada dentro del contenedor #mydiv, incluso si no son hijos directos de #mydiv.

Si necesita recorrer elementos secundarios recursivamente :

function recursiveEach($element){
    $element.children().each(function () {
        var $currentElement = $(this);
        //////////// Show element
        console.info($currentElement);
        //////////// Show events handlers of current element
        console.info($currentElement.data('events'));
        //////////// Loop her children
        recursiveEach($currentElement);
    });
}

//////////// Parent div
recursiveEach($("#div"));   

NOTA: En este ejemplo muestro los controladores de eventos registrados con un objeto.

También se puede hacer de esa manera.
$('input', '#div').each(function () { console.log($(this)); //log every element found to console output });

Children() es un bucle en sí mismo.

$('.element').children().animate({
'opacity':'0'
});