Javascript jQuery：选择当前选定的元素（示例）

例如，我有一些类似于：

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

$（'div-iframe'）.attr（'src'，$（this.parent（）.attr（'data-url'））；

我想使用jQuery延迟iframe的加载。我想将iframe的“src”设置为与其父对象的“数据url”相同。我该怎么做

---

或者，是否有其他方法延迟iframe的加载，直到加载所有其他内容？

以下是将数据url添加到src的方法：

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

---

在代码

中，这实际上是窗口对象。您希望将此代码包装在每个

方法中。（另外，请注意此代码不会两次调用$（this）

---

没关系，我明白了。结果我不得不使用.each（）$（'div-iframe'）.each（function（）{$（this.attr（'src'，$（this.parent（）.attr（'data-url'））；}）；如果是在$（document）.ready（function（）{…}）中，那么应该可以工作。此外，您应该使用elem.data（'url'）而不是attr（'data-url'）来与现代JQuery更加一致。

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