如何使用jquery编写换行符?

时间:2016-09-30 18:37:44

标签: javascript jquery html string newline

有一个格式化的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中写入新行?

4 个答案:

答案 0 :(得分:3)

将换行符转换为<br> s

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

答案 1 :(得分:1)

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

答案 2 :(得分:1)

像这样使用

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);

答案 3 :(得分:0)

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

Hello

2 new lines.



3 new lines.

让我们考虑另一个:

Hello<br>The magic of HTML tags!

您将新行与HTML <br>标记混淆。