Come accedere al testo all'interno di un elemento ignorando del testo all'interno di un tag adiacente al testo?

Question

Qual è un buon modo per estrarre il testo da un elemento jQuery quando il testo stesso è adiacente a un altro elemento contenente testo?

In questo esempio, voglio ottenere il testo: 'testo che voglio', ignorando il testo nella elemento figlio adiacente:

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

La mia soluzione era quello di ottenere tutto il testo nel tag <span> e quindi eliminare tutto il testo nel tag <a>. Questo si sente un po 'imbarazzante quindi mi chiedo se c'è un modo migliore:

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

Devi andare ai nodi di testo per questo:

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(); 

dovrebbe farlo

per dare credito corretto :) http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/

Answer 3

rimuovere un tag e ottenere il contenuto dello span. 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());