jQuery .append（）不呈现html实体

Question

我有一个带有html的变量，如下所示：

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

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

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

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

Answer 1

试试这个：

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

Demo here

Answer 2

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

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

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