jquery text(),解释为新行

前端之家收集整理的这篇文章主要介绍了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到文本转换”可以提供很多选择.

猜你在找的jQuery相关文章