javascript - 载回原始 div 内容

Question

我正在使用 .hide()和 .show()功能切换我的页面内容，和.HTML()更改 div 中的内容。

$('#wrap').html(' <span id="t-image"> </span> <span id="t-info"> </span>');

这将更改wrap 中的所有内容div 到 <span id="t-image"> </span> <span id="t-info"> </span> .

有没有办法载回 wrap 中的原始内容？分区？或者有任何其他方法可以稍后加载回内容？

Answer 1

例如，您可以将之前的 html 存储在该元素的数据中:

var $wrap = $("#wrap");
// Store
$wrap.data("old_html", $wrap.html());
// Update
$wrap.html(' <span id="t-image"> </span> <span id="t-info"> </span>');
// Revert
$wrap.html($wrap.data("old_html"));