javascript - 如何使用 jQuery 追加/前置/创建文本节点

Question

Possible Duplicate:
Escaping text with jQuery append?

我的 HTML 有点像这样:

<div id="selector">Hello World</div>

现在我想向这个 div 添加一些文本。我知道我可以简单地使用

$('#selector').append(text);

但这不会转义text 中的任何特殊字符。另一种方法是将文本包装在一个范围内:

$('#selector').append( $('<span>').text(text) );

但这很丑陋，因为它创建了不必要的标记。所以我目前的解决方案是手动创建一个TextNode:

$('#selector').append( document.createTextNode(text) );

我想知道是否有任何jQuery 风格 的方式来做到这一点？

Answer 1

createTextNode 方法可能是最好的方法。如果你想拥有类似 jQuery 的语法，你可以制作一个插件。

$.fn.appendText = function(text) {
    return this.each(function() {
        var textNode = document.createTextNode(text);
        $(this).append(textNode);
    });
};