texto jQuery(), interpretan <br> como nueva línea

Question

Conseguir un elemento del DOM como esto

$('#id').content().text(); 

problema surge con

Si se hace esto:

<p>Hello</p> 
<p><br></p> 
<p>World</p> 

Naturalmente, en html se ve así:

Hello 

World 

Pero este método jquery .text() devuelve: HelloWorld

¿Cómo interpretar <br> como una nueva línea? < -> ¿Cómo obtener el texto exactamente como lo veo en HTML?

.html() da todas las etiquetas HTML, que no quiero. Solo necesito el texto sin formato con espacios, si es posible.

Answer 1

.text() es texto sin formato. Es literalmente la concatenación de los nodos de texto sin ningún otro código HTML (incluidas las nuevas líneas representadas por las etiquetas <br> o <p>, no por las líneas nuevas).

.html() es el HTML exacto de una etiqueta del envase.

Si utiliza esto, se le dará una aproximación de su texto con nuevas líneas:

var item = document.getElementById("id"); 
var text = item.innerText || item.textContent; 

Se ve tanto en .textContent y .innerText debido a problemas de compatibilidad del navegador.

Ver http://jsfiddle.net/jfriend00/Xs5P3/ para una demostración de trabajo.

Una búsqueda en Google de "HTML a la conversión de texto" da un montón de opciones para investigar.