Как правильно написать цикл jquery?

Question

[igix]

Добрый.

Есть блок .box в котором идут по порядку теги iframe и img.
Нужно получить значение всех src у iframe и передать их в src img.

Пока получилось только получить значения scr у iframe:

$('.box iframe').each(function(index, value){
		var link = $(this).attr('src');
		console.log(link);
	});

Подскажите, как быть дальше.

Спасибо.

Answer 1

[Талян]

$('.box iframe').each(function(index, value){
    var link = $(this).attr('src');
    $(this).next().attr('src', link);
    console.log(link);
  });

Если конечно структура, как вы описали:
img сразу за iframe друг за другом

<div class="box">
<iframe src="1.html"></iframe>
<img src="">
<iframe src="2.html"></iframe>
<img src="">
<iframe src="3.html"></iframe>
<img src="">
<iframe src="4.html"></iframe>
<img src="">
<div>

Comments

[igix]

Спасибо! Как все просто оказалось :)

А если не сразу друг за другом?(на будущее)
Допустим iframe в .box, а img в .box_img

[Талян]

igix,

var x=1;
$('.box iframe').each(function(index, value){
    var link = $(this).attr('src');
	$('.box_img img:nth-child('+x+')').attr('src', link);
    console.log(x);
	x++;
  });

html:

<div class="box">
<iframe src="1.html"></iframe>
<iframe src="2.html"></iframe>
<iframe src="3.html"></iframe>
<iframe src="4.html"></iframe>
</div>
<div class="box_img">
<img src="q">
<img src="w">
<img src="e">
<img src="r">
</div>

Так?

[igix]

Спасибо!