javascript - jQuery .append()がhtmlエンティティをレンダリングしない

Question

次のように、html を含む変数があります。

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

$("body").append(html)HTMLエンティティをデコードしていない何らかの理由で要素に追加したい。試し$("body").append($(html));てみましたが、うまくいきませんでした。テキストが要素内に詰まっていて、個別にまとめることができません。

内部にテキストベースのエンティティを含む html を別の要素に追加し、その html エンティティをページにレンダリングする方法はありますか?

私はスタックオーバーフローで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