换行符用于console.log（）但不是chrome浏览器

Question

I'm concatenating a bunch of strings from an array together with a new line character after each iteration:

booksList = booksList + library.shelves[i].books[j].name + ", " +
   library.shelves[i].books[j].author + '\n';

When I console.log() to chrome it works, but when I use jquery to set the text of a div it doesn't. I'm on a windows comp. Any ideas?

I'm using jquery to set booksList to the text of a div:

$('#libraryDisplay').text(booksList);

Answer 1

You can put a style on the div like this:

$('#libraryDisplay').css('white-space', 'pre-wrap');

Of course <br> also works as it was answered before:

Answer 2

You should use <br> for new lines in HTML. Spaces and new lines are used in HTML for formatting of the code and making it human readable and don't do much for markup itself.

And you should also use jquery's html() function to insert html to a page, because text() acts like htmlspecialchars in a way, replacing all the symbols that create html markup with their text variants.

booksList = booksList + library.shelves[i].books[j].name + ", " +
                   library.shelves[i].books[j].author + '<br>';

$('#libraryDisplay').html(booksList);

Answer 3

Try to use

<br>

instead of \\n.