从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();