這是一個簡單的文本區域和按鈕，我試圖將文本區域值（內容）發送到文本區域<div id="rs"></div>框的每一行（這意味著當我們輸入按鈕或換行符時所有行）附加到 div 到單獨的新元素中.
例如點擊addText按鈕后，我希望我的輸出結構是這樣的：
<div id="rs">
<div class='rslines'> first line of textarea- abc </div>
<div class='rslines'> second line of textarea- def </div>
<div class='rslines'> third line of textarea- ghi </div>
..... and so on
</div>
我應該在我的代碼中改變什么：
$('#addtext').click(function(){
var content = $("#cmt_content").val().replace(/(\n|\r|\r\n)/g, "<div class='rslines'></div>");
$('#rs').append(content);
}); <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<textarea id="cmt_content" rows="10" cols="60"></textarea>
<br>
<button id="addtext">
addText
</button>
<div id="rs"></div>只是此時我正在獲取所有行<div class='rslines'> </div>但我想要這個 div 內的所有行。
uj5u.com熱心網友回復：
不是匹配換行符，而是匹配一行上的所有內容 - with . ，您將匹配除換行符之外的任何字符，然后您可以替換 with<div class='rslines'>$&</div>將每行的匹配文本放在<div>s 內。
$('#addtext').click(function(){
var content = $("#cmt_content").val().replace(/. /g, "<div class='rslines'>$&</div>");
$('#rs').append(content);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<textarea id="cmt_content" rows="10" cols="60"></textarea>
<br>
<button id="addtext">
addText
</button>
<div id="rs"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/336576.html
標籤：javascript html 查询
上一篇：如何在反應中為UI設定影片？