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

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