Question

我想将一些元素复制到iframe。我的代码是这样的：

<div id="some">
  <div id="more">Something</div>
  <input id="inp>
</div>
<iframe id="myframe"></iframe>

我在Javascript中执行此操作，将某些 div中的所有元素移动到iframe：

var allElements = $('div').children();
for(i = 0; i < allElements.length; i++)
{
   $(allElements[i]).detach().appendTo($('#myframe'));
}

但是，它不起作用，因为iframe有自己的html和正文。那么，我该怎么做呢？

Answer 1

如果您添加.contents().find("body")，则可以修改dom。所以：

var allElements = $('div').children();
for(i = 0; i < allElements.length; i++)
{
   $(allElements[i]).detach().appendTo($('#myframe').contents().find("body"));
}

所以，看看jsFiddle：

https://jsfiddle.net/251u04cq/

如何通过jQuery在iframe中移动元素？

1 个答案: