如何保留换行符

Dav*_*vid 6 html javascript jquery

换行符和回车符......必须是编码中最复杂的部分.(为了我)

将此代码放在一个页面中(来自数据库存储为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>
Run Code Online (Sandbox Code Playgroud)

然后使用它来获取带有'hidden'\n的title属性

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

在此过程中,换行符丢失并将变量v用于文本输入框:

This from RicardAnd also a testRent 3000.00
Run Code Online (Sandbox Code Playgroud)

如何保存\n's并具有这样的外观,如下所示?

单击编辑后所需结果的屏幕截图(带有\n's)

ngo*_*vez 14

换行符仍然存在,只是浏览器尝试渲染它们.

如果您仍想查看"\n",请尝试以下操作:

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

否则,如果你想要的不是看到"\n"而是看到换行符,你可以这样做:

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

检查这个JSBin