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 コンテンツの後にのみコンテンツを追加します..:).