jQuery: выбор текущего выбранного элемента (пример)

Question

Например, у меня есть что-то вроде:

<div data-url="http://google.com">
  <iframe src=""></iframe>
</div>
<div data-url="http://facebook.com">
  <iframe src=""></iframe>
</div>
<div data-url="http://youtube.com">
  <iframe src=""></iframe>
</div>

<script>
$('div iframe').attr('src',$(this).parent().attr('data-url'));
</script>

Я хочу отложить загрузку iframe с помощью jQuery. Я хочу, чтобы "src" iframe был таким же, как и "data-url" его родителя. Как я могу это сделать?

Или есть другой способ отложить загрузку iframe, пока не загрузится все остальное?

Answer 1

В вашем коде this на самом деле объект окна. Вы хотите обернуть этот код в метод each. (Также обратите внимание, что этот код не вызывает $ (this) дважды)

$('div iframe').each(function(ev){
    var elem = $(this);
    elem.attr('src', elem.parent().data('url')); 
});

Answer 2

Вот как вы добавляете URL-адрес данных в src:

 $('div').each(function(){
        $(this).children('iframe').attr('src',$(this).attr('data-url'));
    });