jquery text(),解释为新行

获取这样的DOM元素

$('#id').content().text();

出现问题

如果得到这个：

<p>Hello</p>
<p><br></p>
<p>World</p>

自然在Html看起来像：

Hello 

World

但是这个jquery .text()方法返回：HelloWorld

如何解释< br>作为新线？ < – >如何在HTML中看到文本？

.html()给出了我不想要的所有HTML标签.如果可能,我只需要带有空格的纯文本.

解决方法

.text()是没有格式的纯文本.字面上是没有任何其他HTML代码的文本节点的连接(包括由< br>或< p>标签代替的新行,而不是换行).

.html()是容器标签的确切HTML.

如果你使用这个,它会让你看到你的文本与新行：

var item = document.getElementById("id");
var text = item.innerText || item.textContent;

由于浏览器兼容性问题,它同时查看.textContent和.innerText.

有关演示,请参阅http://jsfiddle.net/jfriend00/Xs5P3/.

Google搜索“HTML到文本转换”可以提供很多选择.

原文地址：https://www.jb51.cc/jquery/179703.html