Question

我有一个文本输入和一个包含相同文本的div。我试图在DIV文本中使用与输入文本相同的换行符。所以我使用.replace(/\n/g来做到这一点。替换成功识别textarea中的换行符，并相应地添加<br>。但是<br>没有换行符，它是文本字符串的一部分？

如何让<br>换行？

参见示例：

<textarea id="ab">
Test
Line breaks
on blur
</textarea>

<div id="divTx"><div>

.on("blur", ".ab", function() {
    $('#divTx').text($('#ab').val().replace(/\n/g, '<br />') );
});

DIV（.divTx）输出：

Test<br> Line breaks<br>on blur<br> // <br> doesn't do line break

Answer 1

您需要使用http://plnkr.co/edit/QEvKMtKvhf49uIpNu5h8?p=preview

在匹配元素集中设置每个元素的HTML内容。

使用

$('#divTx').html($('#ab').val().replace(/\n/g, '<br />'))

使用replace（）添加中断

1 个答案: