Changing HTML codes to HTML through jQuery

Question

Within my HTML, I have to change a "-" to a carriage return (<br />). I have to achieve that through jQuery.

Hence, for my following HTML:-

First sentence - Second Sentence

I did this:-

caption = caption.replace("-", "<br /><br />");
$('.jcarousel-caption').text(caption);

Result:-

First Sentence <br /><br /> Second Sentence

I even tried to change my jQuery to:-

caption = caption.replace("-", "<br /><br />");
caption.replace('&lt;','<').replace('&gt;','>').replace('&quot;','"');
$('.jcarousel-caption').text(caption);

But it still shows the same output.

I want to achieve this:

First sentence Second Sentence

use api.jquery.com/html.

Sarbbottam
– Sarbbottam

2015-05-05 05:09:42 +00:00
Commented May 5, 2015 at 5:09 — Sarbbottam
– Sarbbottam, Commented May 5, 2015 at 5:09

Arun P Johny · Accepted Answer · 2015-05-05 05:09:58Z

3

The problem is you are using .text()

We need to be aware that this method escapes the string provided as necessary so that it will render correctly in HTML. To do so, it calls the DOM method .createTextNode(), does not interpret the string as HTML. Consider the following HTML:

Since you want to print the html content, you need to use .html() not .text()

$('.jcarousel-caption').html(caption);

edited May 5, 2015 at 5:09

answered May 5, 2015 at 5:08

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

Changing HTML codes to HTML through jQuery

Hence, for my following HTML:-

I did this:-

Result:-

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Hence, for my following HTML:-

I did this:-

Result:-

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related