jquery - 用 jQuery 修改元素的 html 最安全的方法是什么？

Question

很久以前我用过

$("#someid").html( $("#someid").html() + "Something added" );

在知道 .append() 存在之前。上面的代码有时也表现得很奇怪。

但现在我想修改 HTML 内容，而不是使用replace()命令。现在我能想到的修改代码的唯一方法是

$("#someid").html( $("#someid").html().replace("XXX","YYY"));

有没有更好的办法？

Answer 1

最好的办法是将要更改的文本放入它自己的

<span id="something">text here</span>

然后，您可以仅在单个对象上操作 HTML，而不会影响所有其他对象。

$("#something").html("something new");

或取决于您要替换的内容：

$("#something").text("new text");

这比在包含许多对象的大块 HTML 上使用更安全、更有效，.html()这将断开您在该 HTML 上已有的任何事件处理程序，并导致浏览器必须重新解析、重新格式化和重新显示大量HTML。