讀 <br> 從HTML並在javascript中設置為\\ n

Question

我有HTML代碼

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

現在，我必須從該范圍中獲取數據，並以相同的格式（即，與換行符一起）將其設置為位於其下方的Textarea。

如何做到這一點：

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

上一行從跨度中獲取內容，但修剪了br標簽。 我在文本區域中沒有換行符。 任何幫助。

Answer 1

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

嘗試用\\n （新行）替換Br並使用.html()而不是.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>");