如何从多个嵌套的 iframe 源中获取“src”属性答案

【问题标题】：How to get "src" attributes from a multiple nested iframe source如何从多个嵌套的 iframe 源中获取“src”属性
【发布时间】：2012-07-31 12:37:33
【问题描述】：

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

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

目标：

从嵌套的 iframe('box1') 中获取所有图片“src”（来源：http://jsbin.com/oqeduf）
将基本网址替换为以后的内容。
在正文上附加所有图像位置。

问题演示可以在这里找到：http://jsbin.com/arijuy/

【问题讨论】：

多次使用.find('#<id of frame>').contents()。
我想我已经在我的 images_source 上做了，或者我错过了什么。 :)
抱歉，没注意到。我在您的代码中发现了几个问题：this 被引用，而您选择的是 <td> 而不是 <img>。
哎呀，拼写错误。感谢您的指点...我尝试纠正它，但它还没有工作..jsbin.com/ehuqaq
我也忘了说代码执行太快了。当文档准备好时，iframe 的内容还没有加载。您必须将 load 事件侦听器绑定到 iframe 内的每个 iframe。然后就可以了。

标签： javascript jquery

【解决方案1】：

这应该让你开始......

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);
});

【讨论】：

jQuery("#box2").contents().find("#box1").contents().find("img").each(function() { // 做你想做的想在这里使用 jQuery(this) jQuery(this).css('border','red solid 2px'); });
不知何故我仍然无法定位它......有什么想法吗？我刚刚添加了一个 css 属性，只是为了看看我是否选择了正确的元素。
这对我来说很好...jQuery("#box2").contents().find("#box1").contents().find("img").each(function() { jQuery(this).css("border","2px solid red"); });