读 <br> 从HTML并在javascript中设置为\\ n

Question

I have the HTML code

<span class="editableFalse" id="comments">
Lorem ipsum sit dolor amet
<br/>
Lorem ipsum sit dolor amet
</span>
<textarea id="textareaComments"></textarea>

Now I have to fetch the data from this span and set it to a Textarea below it in the same format, ie along with the newline character.

How to achieve that :

$("#textareaComments").val($("#comments").text());

The above line takes the content from the span but trims off the br tag. I dont get a newline character in the textarea. Any help.

Answer 1

var str = $("#comments").html();
var regex = /<br\s*[\/]?>/gi;
$("#textareaComments").val(str.replace(regex, "\n"));

Try the replaces Br with \\n (new line) And use .html() not .text()

Answer 2

只需使用replace：

$("#textareaComments").val($("#comments").html().replace("<br>", "\n"));

Answer 3

 $("#textareaComments").val($("#comments").clone().find("br").replaceWith("\\n").end().text()) 

 textarea { display: block; width: 100%; height: 10em; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span class="editableFalse" id="comments"> Lorem ipsum sit dolor amet <br/> Lorem ipsum sit dolor amet </span> <textarea id="textareaComments"></textarea> 

Answer 4

您还可以使用我认为的jQuery的replaceAll

$("\n").replaceAll("<br>");