У меня есть div с id ring-preview, у него есть неопределенное число img элементов с классом stone-preview внутри него.
Я хотел бы выполнить итерацию по каждому из этих дочерних изображений и вызвать:
$(this).rotate(ring.stones[i].stone_rotation);
Где this относится к элементу img, а i относится к его позиции в div.
Как я могу это сделать?
Вы ищете метод .each().
Например:
$('.ring-preview').children('img').each(function(i) {
$(this).rotate(ring.stones[i].stone_rotation);
});
Если элементы <img> не являются прямыми дочерними элементами, вам нужно вызвать .find вместо .children.
В этих случаях вы можете использовать .each(), например:
$("#ring-preview img.stone-preview").each(function(i) {
$(this).rotate(ring.stones[i].stone_rotation);
});
Первым параметром функции обратного вызова является индекс, который вы после.
$('#ring-preview img.stone-preview').each(function(idx, itm) {
$(itm).rotate(stones[idx].stone_rotation);
});