如何使用jQuery写换行符？

Question

There is a formatted txt file that my java program reads and sends over the contents as a string to front-end. The string that is sent to front end looks like this:

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

In the frontend, This data must be written to a div in the following format:

This is the result.
It contains some details

Details are as follows
abc,xyz

Using the following code did not work:

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

Alternates like val(), text() did not work either. How can I make the browser write the new lines in the div when displaying the result?

Answer 1

将换行符转换为<br> s

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

Answer 2

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

Answer 3

Use like this

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

Answer 4

Let's consider a simple HTML source file.

 Hello 2 new lines. 3 new lines. 

Let's consider another one:

 Hello<br>The magic of HTML tags! 

You are confusing newlines with HTML <br> tags.