javascript - .html("").append() を行うより良い方法

Question

ページにメッセージスロットがあり、そこにさまざまなメッセージを表示します。メッセージごとにテンプレートを実行し、その HTML をメッセージスロットに次のように追加します。最初にボックスをクリアするために html("") を追加します。これを行うより良い方法はありますか？

$("#message-slot").html("").append(messagetemplate);

Answer 1

ただ行う：

$("#message-slot").html(messagetemplate);

それらを置き換える前に既存のコンテンツをクリアします（参照）：

.html() を使用して要素のコンテンツを設定すると、その要素に含まれていたすべてのコンテンツが新しいコンテンツに完全に置き換えられます。

補足として、削除する要素に関連付けられている可能性のある既存のイベント ハンドラーに注意してください。それらを確実にアンバインドする必要があります。詳細についてはunbind()、 とremove()を参照してください。