如何使用jQuery创建文本节点?

时间:2014-04-11 15:15:52

标签: javascript jquery dom

创建新文本节点并将其附加到DOM的最佳方法是什么?

我目前正在使用这个:

$('#someDiv').append(document.createTextNode('Some text'));

但这是最好的方式吗?还有其他选择吗?

更新

在检查jQuery代码后,我发现我的变体可能是最好的...

这里是如何在jQuery中实现.text()函数:

text: function( value ) {
    return jQuery.access( this, function( value ) {
        return value === undefined ?
            jQuery.text( this ) :
            this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
    }, null, value, arguments.length );
},

所以,.text()函数调用.createTextNode()方法,因此如果您希望节省调用额外操作,最好使用直接文本的节点.append()

3 个答案:

答案 0 :(得分:4)

它就像使用.text()

一样简单
$("#output").text("Hello, World!");

答案 1 :(得分:1)

我认为这就是你要找的东西

删除<div>

中的所有文字
$('#someDiv').html("Some Text");

向其附加文字

$('#someDiv').append("Some Text");

预先...

$('#someDiv').prepend("Some Text");

修改

使用此字符串“Some text”.html()和.text()将呈现相同的内容。

.text()不会转义特殊字符

$('#someDiv').text("<b>Hello</b>");
==> <b>Hello</b>

.html()将

$('#someDiv').html("<b>Hello</b>");

==&GT;的你好

答案 2 :(得分:-4)

像这样:

var yourtext = 'Some text';
$('#someDiv').append(yourtext);