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

Question

我在每次迭代后将一串字符串与一个新的行字符连接在一起：

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

当我将console.log（）转换为chrome时，它可以正常工作，但是当我使用jquery来设置div的文本时它不会。 我正在使用Windows comp。 有任何想法吗？

我正在使用jquery将booksList设置为div的文本：

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

Answer 1

你可以在div上放一个样式：

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

当然， <br>也可以像以前一样回答：

Answer 2

您应该在HTML中使用<br>作为新行。 HTML中使用了空格和新行来格式化代码并使其具有人类可读性，并且对标记本身没有太大作用。

你还应该使用jquery的html()函数将html插入页面，因为text()在某种程度上就像htmlspecialchars一样，用它们的文本变体替换所有创建html标记的符号。

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

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

Answer 3

尝试使用

<br>

而不是\\ n。