Javascript 如何获得；src"；来自多个嵌套iframe源的属性

我想从嵌套的iframe中获取一些图像“src”。基本上是iframe中的iframe。在我的本地项目中，我不知何故能够从我的项目中访问iframe，但在下面的演示中，在定位嵌套iframe时出现了问题，可能是因为jsbin将我的iframe嵌套在了一些其他iframe中

我的主要问题是获取每个图像的“src”属性，并将基本url重命名为我稍后将声明的内容

目标：

从嵌套的iframe（'box1'）中获取所有图像“src”（来源：http://jsbin.com/oqeduf)

将基本url替换为稍后的内容

在主体上附加所有图像位置

---

问题演示可以在这里找到：

这应该可以让您开始

jQuery("#box2").contents().find("#box1").contents().find("img").each(function() {
    // Do what you want to the image here using jQuery(this)
    jQuery("body").append(this);
});

---

多次使用

.find（“#”）.contents（）

。我想我已经在我的图片上找到了源代码，或者我错过了什么：对不起，我没注意到。我在你的代码中发现了几个问题：

这个

被引用了，你选择了一个

而不是

。哎呀，输入错误。谢谢你的指点。。。我试着纠正它，但它还不起作用。。我还忘了提到代码执行得太快了。当文档准备就绪时，iframe的内容尚未加载。必须将

load

events侦听器绑定到iframe中的每个iframe。然后它就可以工作了。jQuery（“#box2”）.contents（）.find（“#box1”）.contents（）.find（“img”）.each（函数（）{//使用jQuery（this）jQuery（this.css（'border'，'red solid 2px'）；）对图像执行您想要的操作）；不知怎么的，我还是不能瞄准它。。。有什么想法吗？我只是添加了一个css属性，看看我是否选择了正确的元素<代码>jQuery（“#box2”）.contents（）.find（“#box1”）.contents（）.find（“img”）.each（函数（）{jQuery（this）.css（“边框”，“2px实心红色”）；}）