jQuery .text()等价于将标签转换为空格

从jQuery选择中获取文本是微不足道的：

<span id="foo">hello world</span>

$('#foo').text();

hello world

但是当jQuery选择包含< br>标签他们是概念上的换行符,它们是空格.不幸的是.text()完全剥离它们：

<span id="foo">hello<br>world</span>

$('#foo').text();

helloworld

如何从这样一个跨度中提取文本,从而导致hello world？

当然这是发明的一个微不足道的例子来保持问题的清晰.一个真正的答案将需要“等同于.text()”,并且当然处理任意的HTML.这里有一个稍微更棘手的例子：

<div id="foo"><span class="bar"><em>hello</em><br></span>world</div>

解决方法

由于Mims建议使用replaceWith()来更改< br>到空格,但是为了不改变原来的元素,使用clone()来克隆元素.

var foo = $("#foo").clone();
foo.find("br").replaceWith(" ");
var text = foo.text();

DEMO

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