javascript - jQuery .append() 不呈现 html 实体

Question

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

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

$("body").append(html)由于某种原因，我想将它附加到一个元素，它没有解码 HTML 实体。我试过$("body").append($(html));了，但没有用。我的文字卡在元素内，我无法单独将它们放在一起。

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

我已经阅读了一堆关于 stackoverflow 的文章 reguarding html 实体，似乎它们都没有在这样的变量中包含 html 和文本。

score 10 · Accepted Answer

试试这个：

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

score 2 · Accepted Answer

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

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

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

2 回答 2