Tenho certeza de que essa será uma resposta muito fácil para você, especialista em jQuery, e também sou bastante envolvida com algum tipo de loop.

Estou tentando executar essencialmente o mesmo cálculo em duas divs separadas, mas atribuindo um valor de largura CSS diferente para cada id com base no número de imagens encontradas. Os cálculos que estou realizando são realmente irrelevantes para o meu problema, mas os coloco de qualquer maneira porque é o código real com o qual estou trabalhand

Aqui está a marcação ...

<div id ='test1' class='target'>
  <div class='scrolling'>
    <img/>
    <img/>
    <img/>
  </div>
</div>

<div id ='test2' class='target'>
  <div class='scrolling'>
    <img/>
    <img/>
    <img/>
  </div>
</div>

Abaixo é o meu jQuery atual, que funciona bem, mas é ineficiente porque eu tenho que escrever outro pedaço de código para cada div adicionada. Como posso padronizar isso para que ele percorra todas as divs com a classe de destino? Obrigad

/* Measure the width of each image. */
test1 = $('#div1 .scrolling img').width();
test2 = $('#div2 .scrolling img').width();

/* Find out how many images there are. */
test1img = $('#div1 .scrolling img').length;
test2img = $('#div2 .scrolling img').length;

/* Do the maths. */
final1 = (test1 * test1img)*1.2;
final2 = (test2 * test2img)*1.2;

/* Apply the maths to the CSS. */
$('#div1 .scrolling').width(final1);
$('#div2 .scrolling').width(final2);