如何复制整个html元素？

Question

假设我有一些元素，比如：

<div id="some-id" class="some-class">
   <h1>Something here</h1>
</div>

我想复制整个-id元素及其所有子元素，将其发送到数据库，然后在重新加载页面时将它们附加到正文中。

我试过：

• 克隆()和我得到："prevObject: jQuery.fn.jQuery.init，上下文:未定义，构造函数:函数，init:函数，选择器：""…“
• 克隆和JSON.stringify()和我在控制台中得到了一个警告和一个错误：

“Attr.ownerElement”被弃用，并已从DOM4 (http://w3.org/tr/dom)中删除。Uncaught :将循环结构转换为JSON

我能用什么来结束我的元素的html结构，我可以把它放在数据库中并重复使用它？

Answer 1

如果您想要持久化html结构，那么您需要使用它的html字符串，您不能对dom引用进行字符串化。可以保存html字符串，稍后可以使用它来追加到dom。

var string = $('#some-id')[0].outerHTML

Answer 2

使用outerHTML：

document.getElementById('some-id').outerHTML

Answer 3

jQuery克隆人应该完成这项工作。试试这个：

var elem = $('#some-id');
var clone = elem.clone();

另外，你为什么要把它存到数据库里呢？