Insert newline into javascript string

Question

I have read this question/answer and this one, but I can't get it to work in my situation.

I'm building a list of names from a json array returned from a php script. After the below code I'm putting the goTosList string into a label via jquery. I need each name to be on a new line.

The below code is just outputting

var goTosList = '';
if (data !== 'empty') {
    // Build the go tos list as a comma-separated string
    $.each(data, function(index,element) {
        goTosList += (element['name'] === undefined ? '' : element['name']) + '\n\r';
    });
}

I've tried just \r and just \n and without the single quotes. I can't get it to work.

Sirko · Accepted Answer · 2013-05-28 13:34:53Z

13

If you are output is HTML and you want newlines you have two options:

Either use a <pre> tag as a wrapper to your text (not suitable here I think)

<pre>some Text

with newlines</pre>

or add <br> instead of \n\r:

some Text<br>with newlines

So in your code this would translate to

goTosList += (element['name'] === undefined ? '' : element['name']) + '<br>';

and later on insert this into the DOM by

$('#yourLabel').html( goTosList );

answered May 28, 2013 at 13:34

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

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

6 Comments

marky Over a year ago

Thanks for the quick reply, but that didn't work. Adding <br> as you suggest just adds the tag as text. It's rendered in the label as "John Smith<br>Mary Johnson".

Sirko Over a year ago

@eventide Which command do you use to insert the text in the page?

marky Over a year ago

As soon as I read your question I realized that was the problem. I was using $('#label').text(goTosList); Changing .text to .html fixed it. Thanks!

Varun Sharma Over a year ago

I also want to add line number, Is it possible?

Sirko Over a year ago

@VSH Not sure, what you are up to. At the point where you create the string to be inserted, you can obviously also add line numbers, but I don't see the connection to this question.

|

Collectives™ on Stack Overflow

Insert newline into javascript string

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related