如何使用jquery在标签标签内呈现html内容

问题描述:

我正在使用asp.net mvc。我有一个JavaScript变量一样,如何使用jquery在标签标签内呈现html内容

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> 

请指导我。

逃不出你的双引号这样

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

我修改我的问题,请在其上具有一目了然。 –

正确试试这个

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

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

:我修改我的问题,请看看它。 –

格式的字符串。条子应该

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

我修改我的问题请看一下。 –

有在两个代码的语法错误,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, '>')) 
+1

+1现场演示 – Adil

+0

@undefined:我修改我的问题请看一下。 –

+0

@KarthikBammidi检查更新后的答案。 – undefined