テキスト内のタグ内のテキストを無視して、要素内のテキストにアクセスするにはどうすればよいですか？

Question

テキスト自体がテキストを含む別の要素に隣接している場合、jQuery要素からテキストを取得するにはどうすればよいでしょうか？

この例では、私はテキストで取得したい：隣接する子要素内のテキストを無視して「私がしたいテキスト」：

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

私のソリューションは<span>タグ内のすべてのテキストを取得することでした<a>タグ内のすべてのテキストを削除します。これは少しぎこちない感じているので、より良い方法があれば、私は思ったんだけど：あなたはこのためにテキストノードに行かなければなら

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

：

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

それを行う必要があります

適切なクレジットを与えるには：http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/

Answer 3

タグを削除してスパンの内容を取得します。 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());