¿Cómo obtener un texto antes del elemento dado usando jQuery?

Question

Consideremos código HTML siguiente:

<p> 
    Some text followed by <span>a span element</span> 
    and another text followed by <b>a bold text</b>. 
</p> 

¿Cómo puedo obtener el texto antes de las span y b elementos usando jQuery?

Intenté $("span").prev() y $("b").prev() pero funcionó porque el texto no es un elemento. También probé $("span").parent(), pero coincidió con todo el párrafo, mientras que solo quiero una parte.

¿Podría aconsejar alguna solución? Gracias de antemano :-)

Answer 1

¿Qué hay de su recogida en una matriz en lugar de dos llamadas a $:

var texts = $('span, b').map(function(){ 
    return this.previousSibling.nodeValue 
}); 
texts[0]; // "Some text followed by " 
texts[1]; // " and another text followed by " 

Referencias:

• The previousSibling property
• jQuery.map

Answer 2

Me temo que tendrá que usar expresiones regulares para eso. Con el fin de obtener el texto antes del elemento span usar algo como esto:

var txt = $('span').parent().html(); 
var regex = /(.*)<span>/; 
txt = txt.match(regex)[1]; 

Modificar la expresión regular para que coincida con otras partes de la cadena también.

Answer 3

que han llegado con una siguiente solución:

var c = $("span").context.previousSibling; 
alert(c.data); 

Pero no estoy seguro de qué tan seguro es cuando se utilizan diferentes navegadores?

Answer 4

var textBefore = $('span')[0].previousSibling.nodeValue; 

Estaba buscando una solución a esto, y me confundí por qué tenía que mapear a una matriz. El contexto no funcionaba para mí. Finalmente descubrí cómo escribirlo.

Esta es la solución más básica. Al poner el [0], el elemento se convierte en elementNode, lo que le permite llamar al código anterior de Brother. No es necesario colocarlo en una matriz usando la función de mapa a menos que sea más conveniente.