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 &文本。

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

而且我建議只使用單引號，除非您需要使用轉義字符。