¿Cómo accedo al texto dentro de un elemento mientras ignoro un texto dentro de una etiqueta adyacente al texto?

Question

¿Cuál es una buena manera de obtener el texto de un elemento jQuery cuando el texto mismo es adyacente a otro elemento que contiene texto?

En este ejemplo, quiero conseguir en el texto: 'Texto Quiero' sin tener en cuenta el texto en el elemento secundario adyacente:

<span> 
    <a>Text I want to ignore</a> 
    Text I want 
</span> 

Mi solución era conseguir que todo el texto de la etiqueta <span> y luego borre todo el texto en la etiqueta <a>. Esto se siente un poco incómodo por lo que estoy preguntando si hay una manera mejor:

var all_the_text = $('span').text(); 
var the_text_i_dont_want = $('span').find('a').text(); 
var text_i_want = all_the_text.replace(the_text_i_dont_want, ''); 

Answer 1

Tienes que ir a los nodos de texto para esto:

var text_i_want = $("span").contents().filter(function(){ 
    return this.nodeType === 3; 
}).text();​ 

http://jsfiddle.net/UeBZq/

Answer 2

$("span") 
    .clone() 
    .children() 
    .remove() 
    .end() 
    .text(); 

debería hacerlo

para dar crédito adecuado :) http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/

Answer 3

eliminar una etiqueta y obtener el contenido del tramo. Working Demo

<span> 
    <a>Text I want to ignore</a> 
    Text I want 
</span>​ 

var all_the_text = $('span').find('a').remove(); 
alert($('span').text());