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

Question

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

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

Answer 1

只是做:

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

它将在替换之前清除所有现有内容 ( reference ):

When .html() is used to set an element's content, any content that was in that element is completely replaced by the new content.

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