javascript - 更好的方法 .html("").append()

Question

我在页面中有一个消息槽，我在其中显示不同的消息。对于每条消息，我都会运行模板并将该 HTML 附加到消息槽中，如下所示。我先添加 html("") 以清除该框。有没有更好的方法来做到这一点？

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

Answer 1

做就是了：

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

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

当 .html() 用于设置元素的内容时，该元素中的任何内容都会被新内容完全替换。

作为旁注，请注意可能附加到您要删除的元素的任何现有事件处理程序。您需要确保取消绑定它们。请参阅unbind()和remove()了解更多信息。