Javascript 如何复制html中的所有元素、文本和样式

我构建了一个jQuery页面。关键部分都在这样一个分区内

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

我目前拥有的内容保存了元素，但没有保存任何类信息或处理程序。因此，在重新加载时，元素就在那里，但没有其他东西留下。我需要的东西，我不必重新加载所有的处理程序，重置所有的按钮。（这也是本地运行的，性能不是问题）

您可以利用而不是提取原始HTML吗

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

---

它会携带任何绑定到元素的内容。以下是中的一个基本示例。

当我将数据重新加载回div时，您所说的“恢复”是什么意思？因此，您希望保存某个状态并在其更改后恢复它吗？你能提供一个jsFiddle或者其他什么吗？是的。一秒钟。将数据序列化到本地存储（或其他所有存储）并使用某种模板从中序列化不是更好吗？

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