jQuery:如何完全克隆一个'内容被jQuery修改的iframe?

时间:2012-12-31 21:58:51

标签: jquery iframe clone

好吧,这可能很难解释:我有一个iframe,让我们称之为iframe 1,我从中运行jQuery来为其父进行各种各样的事情,因为我可以为这个项目修改iframe。我做的其中一件事是向其父级添加一个额外的iframe(iframe 2)。 iframe 2嵌入在iframe 1中,我使用jQuery将iframe 2克隆到父页面(因此iframe 1和2成为兄弟姐妹)。

iframe 2的来源却有自己的jQuery,它修改了它的内容。问题是当我克隆iframe 2时,它的jQuery修改没有完整克隆。我可以在原始的iframe 2内容中看到它的jQuery修改是成功的,但是我想象的克隆是在那些能够执行之前完成的,因此没有修改的副本会被制作出来吗?

以下是一些代码:

iframe 1克隆并创建iframe 2

$(window).on('load', function(){
$('#article_menu-iframe').clone().insertBefore(parent.document.querySelectorAll("#stock_menu"));
})

现在我使用克隆方法,因为我也在做一些HTML5 postMessage的东西和我之前尝试的方法(我相信它是.html而不是.clone来创建iframe 2)引起了一些其他问题。任何帮助,将不胜感激!

1 个答案:

答案 0 :(得分:0)

您可以像这样获取iframe的内容:

$('#article_menu-iframe').contents().find("html").html();

从这里你可以构造一个具有该值的新iframe对象(克隆它)