Adding line break to javascript string

Question

I'm trying to seperate a list with a line break but neither "\n" nor a br tag are working. Anybody know why?

var c_list=['One','Two','Three']
for (var x in c_list){
    holder_string += c_list[counter]
    holder_string += "\n"
    counter++
    $("#list").text(holder_string);
}

adeneo · Accepted Answer · 2014-05-07 20:35:06Z

4

\n isn't really showed in the browser, other than in the source, and <br /> doesn't work in text() as it doesn't accept html, html() does

var c_list=['One','Two','Three']
for (var x in c_list){
    holder_string += c_list[counter]
    holder_string += "<br />"
    counter++
    $("#list").html(holder_string);
}

Note that you could just do

$("#list").html( c_list.join('<br />') );

answered May 7, 2014 at 20:35

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

3 Comments

Rob M. Over a year ago

dat answer speed... +1

Blazemonger Over a year ago

\n shows up if the HTML element is white-space: pre -- which it probably isn't, given OP's issues.

adeneo Over a year ago

@Blazemonger - Yeah, it also shows up inside <pre> tags and in a few other edge cases, but generally newlines and whitespace between tags makes no difference to layout.

Collectives™ on Stack Overflow

Adding line break to javascript string

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related