的jQuery的.text（），相當於該轉換<br>標籤由空格

Question

是微不足道的得到一個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> 

Answer 1

由於米姆斯建議使用replaceWith()改變<br>爲空格，但不改變原始元素使用clone()，使元素的克隆。

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

DEMO

Answer 2

使用.html()而不是.text()

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

或使用DOM方法.innerText

$('#foo')[0].innerText ; 

Check Fiddle

Answer 3

您可以使用replaceWith()函數。

$("br").replaceWith(" ");