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>.

无论如何要加载wrapdiv内的原始内容吗？或者通过稍后加载内容的能力来做到这一点的任何其他方式？

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"));

Answer 2

您可以使用 jquery 的 append()

 $("#wrap").append("<b>Appended text</b>");

这只会在现有 div 内容之后添加内容..:)..