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>

Ответы

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

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

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

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