克隆 iframe 和内容表单值

Question

所以我有一个包含 iframe 的 Div，我可以使用 JQuery 进行克隆。

iframe src 是一个包含表单的 HTML 页面。

当我克隆 Div 和其中的 iframe 时，iframe src 会刷新并丢失所有更改的值。

我可以克隆 iframe 和表单的当前状态吗？

基本上我想要的是两个 div 包含相同的 iframe 和相同的内容，克隆 iframe 内的表单保留克隆前设置的任何值。

这可能吗？

我正在使用 Jquery .clone(true)

iframe src 在同一个域中

编辑： 这就是我的代码的样子：

    $('.mybutton').click(function() {  

    $('#myapdiv').clone(true).appendTo('body');

当我单击“mybutton”类的按钮时，它会克隆 apDiv“myapdiv”并附加到正文。
“myapdiv”包含一个 iframe “iframe1”。

Answer 1

如果 iframe 在同一个域中，您确实可以获取它的内容：

$(iframe).contents().find('body').html();

.html() 可以类似于 .clone() 使用

使用克隆你可以这样做：

$('#iframe').clone().appendTo('#somedestinationelement');

使用 html 你可以做到这一点：

$(iframe).contents().find('body').clone().html().appendTo('#somedestinationelmment');