jquery text()，将解释为新行

Question

像这样获取 DOM 元素

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

出现问题

如果得到这个:

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

自然地，在 Html 中看起来像:

Hello 

World

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

如何解读<br>作为新线？ <-> 如何获得与我在 HTML 中看到的文本完全相同的文本？

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

Answer 1

.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 到文本转换”会提供很多可供研究的选项。