如何使用jquery中的\ n（換行符）代替<br/>標記

Question

我使用此代碼片段將jQuery中的「\ n」（換行符）替換爲<br/>標記。但它沒有工作

$("#UserTextArea").html(data.projectDescription).replace(/\<br\>/g, "\n"); 

但它沒有工作，爲什麼呢？

Answer 1

$("#UserTextArea").html(data.projectDescription.replace(/\<br[\/]*\>/g, "\n"));

Answer 2

.replace()不會改變內容本身。它返回一個新的字符串，所以如果你想使用這個新的字符串，你必須把.replace()的返回值放在某個地方。

如果您將目標設爲<br\>，您可能還需要修正您的正則表達式，方法是轉義\並使其成爲可選項。

僅供參考，HTML中\n沒有做任何事情，所以如果你只是想刪除#UserTextArea所有<br>標籤，你可以只使用DOM解析器來做到這一點：

$("#UserTextArea br").remove(); 

或者，如果你只是想獲得與<br>變量替換成可變的字符串，你可以用別的東西，你可以這樣做：

var str = $("#UserTextArea").html().replace(/\<br\\?>/g, "\n"); 

或者，你串刪除<br>形式data.projectDescription並將其指定爲他的HTML #UserTextArea，你可以這樣做：

$("#UserTextArea").html(data.projectDescription..replace(/\<br\\?>/g, "\n")); 

Answer 3

$('#UserTextArea').html(data.projectDescription.replace(/\<br\s*\>/g, '\n')); 

或者搜索和替換元素的內部HTML：

var $element = $('#UserTextArea'); 
var html = $element.html(); 
$element.html(html.replace(/\<br\s*\>/g, '\n'));