如何復制html元素，文本和樣式中的所有內容

Question

我有一個自己構建的jQuery頁面。 關鍵部分都像這樣位於div內。

<div id="TestDiv"></div>
<div id="randomDialogName"></div>
<div id="randomDialogName"></div>
<div id="randomDialogName"></div>
<div id="randomDialogName"></div>
</body>

在TestDive中，可以有很多元素，圖表，網格，實時處理程序等（大多數jQueryUI元素）

我想做的是選擇“ TestDiv”中的所有內容，並將其復制到變量中以作為一種臨時措施，然后在將數據加載回TestDiv中時，我想重新加載所有內容。 像這樣

function saveDivElements(){
    var saveId = $('#TestDiv').attr('tab');
    var html = $('#TestDiv').html(); //have tried clone(true) and other methods here
    console.log(html);
    setLoaded(saveId, true, html); //saves to divData member variable on page
}

$("#TestDiv").html(divData); // called later and loads data

我目前所擁有的保存了元素，但是沒有保存任何類信息或處理程序。 因此，在重新加載時，元素就在那里了，但別無其他。 我需要一些不需要重新加載所有處理程序，無需重置所有按鈕的東西。 （這也可以在本地運行，性能不是問題）

Answer 1

您可以利用.detach（）代替提取原始HTML嗎？

var savedChildren = $('#TestDiv').children().detach();

它結合了您綁定到元素的任何內容。 這是jsfiddle中的一個基本示例。