如何使用 text() 函数插入 html 文本？ [关闭]答案

【问题标题】：How to insert html text with text() function? [closed]如何使用 text() 函数插入 html 文本？ [关闭]
【发布时间】：2013-06-26 10:56:01
【问题描述】：

我需要更改包含 html 的元素的内容。

我试过了，但是打印了html标签

    $('#content-sections label').text('my text <span>a span element</span>');

这是打印出来的：

my text <span>a span element</span>

【问题讨论】：

【解决方案1】：

你必须像下面的代码一样使用

$('#content-sections label').html('my text <span>a span element</span>');

jQuery.html() 将字符串视为 HTML，jQuery.text() 将内容视为文本，这也是它打印 span 标记的原因。

【讨论】：

【解决方案2】：

Aurelio 的回答解决了你的问题。

但是如果你需要放一个完整的html节点结构，最好这样使用：

var span = $("<span />").text('a span element');
$('#content-sections label').text('my text').append(span);

第一行创建span及其内容

第二个做了两件事，它首先设置标签的文本，然后在该文本之后添加在第一行中创建的跨度。

【讨论】：

【解决方案3】：

您必须使用html(value) function 设置匹配元素集中第一个元素的 HTML 内容。

  $('#content-sections label').html('my text <span>a span element</span>');

【讨论】：

【解决方案4】：

试试：

$('#content-sections label').html('my text <span>a span element</span>');

但我对你的 “包括使用 jquery 的 html 文本”感到困惑

【讨论】：

【解决方案5】：

您必须为此使用html()。例如：

$('#content-sections label').html('my text <span>a span element</span>');

哦，为了获得更好的性能，请改用这个：

$('#content-sections').find('label').html('my text <span>a span element</span>');

【讨论】：