How to render html content within label tag using jquery

Question

I am working on asp.net mvc. I have a javascript variable like,

var note="&lt;strong&gt;&lt;em&gt;&lt;span style='color:#ed1c24;'&gt;Hai&lt;/span&gt;&lt;/em&gt;&lt;span style='color:#ed1c24;'&gt;Welcome&lt;/span&gt;&lt;/strong&gt; ";

I need to display as a html with in the label so i tried it like,

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

but it doesnt render the html content and it shows the html tags as it is like,

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

please guide me.

Ram · Accepted Answer · 2012-11-06 11:32:47Z

2

There are two syntax errors in your code, 1. change the wrapping quotes to single quotes or escape them 2. and remove the line-breaks or concatenate the strings.

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

http://jsfiddle.net/VsGqg/

You should replace the characters:

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

edited Nov 6, 2012 at 11:32

answered Nov 6, 2012 at 10:45

Ram

145k16 gold badges174 silver badges201 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Karthik Bammidi Over a year ago

@undefined: I modify my question please have a glance on it.

silly · Accepted Answer · 2012-11-06 10:42:41Z

1

escape your double quotes like this

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

answered Nov 6, 2012 at 10:42

silly

7,8972 gold badges26 silver badges37 bronze badges

1 Comment

Karthik Bammidi Over a year ago

I modify my question please have a glance on it.

Hkachhia · Accepted Answer · 2012-11-06 10:42:56Z

1

Try this

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

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

answered Nov 6, 2012 at 10:42

Hkachhia

4,5458 gold badges44 silver badges79 bronze badges

1 Comment

Karthik Bammidi Over a year ago

:I modify my question please have a glance on it.

jose · Accepted Answer · 2012-11-06 10:43:24Z

1

Format your string properly. note should be

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

answered Nov 6, 2012 at 10:43

jose

2,5315 gold badges38 silver badges53 bronze badges

1 Comment

Karthik Bammidi Over a year ago

I modify my question please have a glance on it.

Collectives™ on Stack Overflow

How to render html content within label tag using jquery

4 Answers 4

1 Comment

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related