jQuery iterar sobre elementos secundarios

Tengo un div con la ring-preview identificación, tiene un número no especificado de elementos img con la stone-preview la clase de stone-preview en su interior.

Me gustaría recorrer cada una de estas imágenes secundarias y llamar:

 $(this).rotate(ring.stones[i].stone_rotation); 

Cuando this refiere al elemento img y i refiere a su posición dentro de la div .

¿Cómo puedo hacer eso?

Estás buscando el método .each() .
Por ejemplo:

 $('.ring-preview').children('img').each(function(i) { $(this).rotate(ring.stones[i].stone_rotation); }); 

Si los elementos no son elementos .find directos, deberá llamar a .find lugar de .children .

Puedes usar un .each() en estos casos, como este:

 $("#ring-preview img.stone-preview").each(function(i) { $(this).rotate(ring.stones[i].stone_rotation); }); 

El primer parámetro de la función de callback es el índice que está buscando.

 $('#ring-preview img.stone-preview').each(function(idx, itm) { $(itm).rotate(stones[idx].stone_rotation); });