jquery - 将文本附加到 div，而不是 html

Question

我有这个，它的工作原理：

local.Source = $('article.hero-unit').html();
$('#Source').text(local.Source);

但我想做的是：

local.Source = $('article.hero-unit').html();
$('fieldset').append(local.Source);

问题是 append 方法附加了 html 并且没有转义 < 符号。

Answer 1

尝试

local.Source = $('article.hero-unit').html();
var $fieldset = $('fieldset');
$fieldset.text($fieldset.text()+local.Source);

不带参数调用.text()会抓取元素中已有的文本。local.Source所有这一切都是添加它的 html

Answer 2

我会将该文本放入一个<span>元素中：

$('<span>', {
    text: local.Source
}).appendTo('fieldset');

Answer 3

我认为这可以解决问题：

local.Source = $('article.hero-unit').html();
local.Legend = $('fieldset legend').text();
$('fieldset').text(local.Source);
$('fieldset').prepend('<legend>' + local.Legend + '</legend>');