jquery iterieren über Kind Elemente

Question

Ich habe eine div mit der ID ring-preview, es hat eine nicht spezifizierte Anzahl von img Elemente mit der Klasse stone-preview drin.

würde Ich mag über jedes dieser Kind Bilder iterieren und rufen:

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

Wo this bezieht sich das img Element und i bezieht sich innerhalb der div auf seine Position.

Wie kann ich das tun?

Answer 1

Sie suchen nach dem .each() method.
Zum Beispiel:

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

Wenn die <img> Elemente nicht direkt Kinder sind, müssen Sie .find statt .children nennen.

Answer 2

Sie können eine .each() in diesen Fällen wie folgt verwenden:

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

Der erste Parameter an die Callback-Funktion ist der Index Sie nach.

Answer 3

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