html("）.append(）的更好方法

better way of doing .html("").append()

本文关键字：方法 append 更好 quot html 更新时间：2023-09-26

我在页面中有一个消息槽，我在其中显示不同的消息。对于每一条消息，我都运行模板，并像这样将HTML附加到消息槽中。我添加html（"）以首先清除该框。有更好的方法吗？

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

只需执行：

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

它将在替换之前清除任何现有内容（参考）：

当使用.html（）设置元素的内容时在该元素中被新内容完全取代。

附带说明一下，要注意任何可能附加到要删除的元素上的现有事件处理程序。您需要确保解除它们的绑定。有关详细信息，请参见unbind()和remove()。