如何使用 jquery 写换行符？

Question

有一个格式化的 txt 文件，我的 java 程序读取并将内容作为字符串发送到前端。发送到前端的字符串如下所示：

var result = "This is the result.\nIt contains some details\n\nDetails are as follows\nabc,xyz"

在前端，此数据必须按以下格式写入 div：

This is the result.
It contains some details

Details are as follows
abc,xyz

使用以下代码无效：

$("#divId).html(result);

像 val()、text() 这样的替代方法也不起作用。如何让浏览器在显示结果时在 div 中写入新行？

Answer 1

将换行符转换为 <br>s

$("#divId).html(result.replace(/\n/g, "<br />"));

Answer 2

让我们考虑一个简单的 HTML 源文件。

Hello

2 new lines.



3 new lines.

让我们考虑另一个：

Hello<br>The magic of HTML tags!

您将换行符与 HTML <br> 标签混淆了。

Answer 3

  $('#divId').html("<pre>" + result + "</pre>");

Answer 4

这样使用

var result = "This is the result.\nIt contains some details\n\nDetails are as follows\nabc,xyz" 
var res = result.replace(/\n/g, "<br>");
$("#divId).html(res);

如何使用 jquery 写换行符？

How to write newline using jquery?

html

javascript

string

jquery

newline