Я почти уверен, что это будет действительно простой ответ для вас, jQuery, и я также довольно уверен, что в нем есть какой-то цикл.

Я пытаюсь выполнить, по сути, один и тот же расчет для двух отдельных элементов div, но назначаю разные значения ширины CSS для каждого идентификатора в зависимости от количества найденных изображений. Расчеты, которые я выполняю, на самом деле не имеют отношения к моей проблеме, но я все равно их включаю, потому что это фактический код, с которым я работаю.

Вот разметка ...

<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>

Ниже мой текущий jQuery, который отлично работает, но он неэффективен, потому что я должен написать еще один кусок кода для каждого добавленного div. Как я могу стандартизировать это так, чтобы оно проходило через каждый div с классом target? Спасибо

/* 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);