Break line using javascript

Question

I want to break my string using javascript which is fetching some data from a php file using ajax. The php is returning the correct data, however the javascript doesn't treat a <br> tag properly. This is my ajax code and i am using it to replace the current text in that span.

type: "post", url: "some_php.php", data: "name="+name,
    success: function(data) {
      $('#someDiv').text(data);
    }

Using console.log(data) i get the output as:

Some<br>Address<br>to<br>be<br>borken

No i want it to output as

Some
Address
to
be
broken

do you even know about the <address> tag ??

ShrekOverflow
– ShrekOverflow

2012-02-25 16:58:46 +00:00
Commented Feb 25, 2012 at 16:58 — ShrekOverflow
– ShrekOverflow, Commented Feb 25, 2012 at 16:58
Yes, thats what i am using inside the div!

Namit
– Namit

2012-02-25 17:02:35 +00:00
Commented Feb 25, 2012 at 17:02 — Namit
– Namit, Commented Feb 25, 2012 at 17:02

xdazz · Accepted Answer · 2012-02-25 16:56:49Z

4

Use .html().

 $('#someDiv').html(data);

answered Feb 25, 2012 at 16:56

xdazz

161k38 gold badges255 silver badges278 bronze badges

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

Comments

tkone · Accepted Answer · 2012-02-25 16:57:31Z

3

You're using the wrong jQuery function:

$('#someDiv').html(data);

From jQuery's text() function:

.text( textString ) Set the content of each element in the set of matched elements to the specified text.

From jQuery's html() function:

.html( htmlString ) Set the HTML contents of each element in the set of matched elements.

answered Feb 25, 2012 at 16:57

tkone

22.8k5 gold badges57 silver badges78 bronze badges

Comments

Rob W · Accepted Answer · 2012-02-25 16:56:12Z

1

console.log(data.split('<br>').join('\n'));

You can use the previous method to replace all <br>s with newlines.

If you want to have one console entry for each line, use:

console.log.apply(console, data.split('<br>'));

answered Feb 25, 2012 at 16:56

Rob W

350k87 gold badges811 silver badges683 bronze badges

2 Comments

Namit Over a year ago

Works fine for the console.log but not for the changing text in the span :S

Rob W Over a year ago

@Namit Then use .html(), which will also deal with HTML entities.

Collectives™ on Stack Overflow

Break line using javascript

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related