jquery .html shows html tags instead of applying html tags on the text

Question

My code is

 printMsg : function(data) {
    $("#message").html(data.bodyText);
    ...
    }

here

data.bodyText   =    &lt;strong&gt; Test This Text  ;/strong&gt;

I am suppose to display data as Test This Text & for that I did

 $("#message").html(data.bodyText);

This displayed the text correctly with jquery previous versions (1.9)

Now with jquery 1.10 it displays

<strong> Test This Text  </Strong>

Can you please tell me reason for this? & any solution if you have?

ya... .text() strips off html tags. For e.g. if I have data.bodyText = Test This Text ;/strong> ... then it will ignore tag... — user1298426
– user1298426, Commented Nov 14, 2013 at 10:45

André Junges · Accepted Answer · 2013-11-14 10:43:17Z

1

are you trying to do something like this? in jquery 1.10.1 it seems work normally

HTML

<span id='message'></span>

JS

var data = {};
data.bodyText = "<strong>Test This Text;</strong>"; 
$("#message").html(data.bodyText);

answered Nov 14, 2013 at 10:43

André Junges

5,3673 gold badges38 silver badges50 bronze badges

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

6 Comments

instead of data.bodyText = "Test This Text;"; please check with data.bodyText = " Test This Text ;/strong>" .... you will see the issue

ok, now i get it, u can do something like jsfiddle.net/F9Kjt/2 where u replace the text.. take a look here stackoverflow.com/questions/6784560/…

This won't cover everything...check out this jsfiddle.net/uDjES ... this should display check3 in bold...

jsfiddle.net/uDjES/1 i just add a while, maybe u'll need just to add the ';' in that indexOf and reaplaces

yup... that works as expected. Any reason why this happened? I mean this used to work right with only .html before...

|