jquery - jqueryを使用してラベルタグ内のhtmlコンテンツをレンダリングする方法

Question

私はasp.net mvcに取り組んでいます。次のようなJavaScript変数があります。

var note="<strong><em><span style='color:#ed1c24;'>Hai</span></em><span style='color:#ed1c24;'>Welcome</span></strong> ";

ラベルにhtmlとして表示する必要があるので、試してみましたが、

$('#lblNote').html(note);

しかし、それはhtmlコンテンツをレンダリングせず、htmlタグをそのまま表示します。

<label id="lblNote"><strong><em><span style=""color:#ed1c24;"">
    Hai</span></em><span style=""color:#ed1c24;"">
    Welcome</span></strong> </label>

私を導いてください。

Answer 1

あなたのコードには 2 つの構文エラーがあります。

var note = '<strong><em><span style="color:#ed1c24;">Hai</span></em><span style="color:#ed1c24;">Welcome</span></strong>';

http://jsfiddle.net/VsGqg/

---

文字を置き換える必要があります。

$('#lblNote').html(note.replace(/&lt;/g, '<').replace(/&gt;/g, '>'))

Answer 2

文字列を適切にフォーマットします。注意する必要があります

var note="<strong><em><span style=\"color:#ed1c24;\">
Hai</span></em><span style=\"color:#ed1c24;\">
Welcome</span></strong> ";

Answer 3

このように二重引用符をエスケープします

var note="<strong><em><span style=\"color:#ed1c24;\">
Hai</span></em><span style=\"color:#ed1c24;\">
Welcome</span></strong> ";

Answer 4

これを試して

var note="<strong><em><span style='color:#ed1c24;'>Hai</span></em><span style='color:#ed1c24;'>
Welcome</span></strong> ";

$('#lblNote').html(note);