如何複製整個html元素？

Question

比方說，我有這樣一些元素：

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

而且我想整個所有它的孩子元素一起復制一些-ID，發送到數據庫，然後，重新加載頁面時，追加他們對身體。

我嘗試：

• 克隆（）和我：「prevObject：jQuery.fn.jQuery.init [0]，上下文：未定義，構造：功能時，init：功能，選擇器： 「」 ......」
• 克隆和JSON.stringify（）和我在控制檯下一個警告和一個錯誤：

‘Attr.ownerElement’已被棄用，從DOM4（http://w3.org/tr/dom）已被刪除。 未捕獲的類型錯誤：將圓形結構轉換爲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(); 

此外，你爲什麼要把它保存到數據庫？