jQuery .append()不呈现html实体

时间:2013-04-05 20:39:02

标签: javascript jquery html html-entities

我有一个带有html的变量,如下所示:

var html = '<div>Hello, you&#39;re awesome!</div>';

我想将它附加到元素$("body").append(html)由于某种原因它不解码HTML实体。我试过了$("body").append($(html));但这没效果。我的文字卡在元素中,我不能单独把它放在一起。

有没有办法将带有基于文本的实体的html附加到另一个元素中,并在页面上呈现html实体?

我已经在stackoverflow上阅读了一些关于html实体的帖子,似乎没有一个包含html&amp;像这样的变量中的文本。

2 个答案:

答案 0 :(得分:7)

试试这个:

var html = $('<div>Hello, you&#39;re awesome!</div>');
$("body").append(html)

Demo here

答案 1 :(得分:1)

当jQuery代码尝试附加内容时,您的页面可能无法完成加载。尝试:

$(document).ready(function (){
  var html = '<div>Hello, you&#39;re awesome!</div>';
  $('body').append(html)
});

我建议只使用单引号,除非您需要使用转义字符。