如何使用jquery在label标签中呈现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

代码中有两个语法错误，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> ";

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

Answer 4

正确格式化字符串。请注意

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