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 的帖子，它们都在保护 html 实体，但似乎没有一个像这样在变量中包含 html 和文本。

Answer 1

试试这个:

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

Demo here