javascript - 重置 div 的内容

Question

我有两个带有一些“默认”内容的 div。当我单击链接时，它会更改该 div 的 html。所以我要将 div html 重置为初始内容。

例子:

<a id="click1" href="#">Add</a><a id="click2" href="#">Reset</a>

<div id="click1_div">
    <p>some text</p>
</div>

所以当我点击Add 时，jQuery 会附加一些 html，而当我点击Reset 时，它应该会取回旧的 html div 内容。

有什么想法吗？

Answer 1

也许你应该在设置新的之前保存旧的 html。

var old_html = $("#click1_div").html();

然后使用 old_html 值重置 innerhtml:

$("#click1_div").html(old_html);