将文本附加到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并且没有转义＆lt;符号

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>');