javascript - 如何保留换行符

Question

换行和回车……一定是编码中最复杂的部分。 (对我来说)

将此代码放在页面中(来自数据库，存储为 This from Ricardo\nAnd also a test\nRent 3000.00):

<td title="This from Ricard
And also a test
Rent 3000.00" style="width:198px;text-align:left">....</td>

然后使用它来获取带有“隐藏”\n 的标题属性

var v = $('#'+i).parent().attr('title');        // i = id of <span> child of <td>

在此过程中，换行符丢失并使用变量 v 进入文本输入框:

This from RicardAnd also a testRent 3000.00

如何保留 \n 的 并使其看起来像下面这样？

Answer 1

换行符仍然存在，只是浏览器试图渲染它们。

如果你还想看到 "\n"试试这个:

var v = $('td:first-of-type').attr('title').replace(/\n/g, "\\n");

否则，如果您不想看到“\n”而是看到换行符，您可以这样做:

var v = $('td:first-of-type').attr('title').replace(/\n/g, "<br/>");

检查这个JSBin