<h3 id="foo"><a href="dest">リンクになっているテキスト</a>地のh3要素のテキスト<span class="bar">書式付きのテキスト</span></h3>
とあったとして、"地のh3要素のテキスト"という文字列を取り出すには、$('#foo'). に続けてどういう風に書けばいいでしょうか?
jQueryのメソッドチェーンで取り出せるのでしょうか?
No.1
1504
493
100pt
http://jsfiddle.net/cherenkov/AyBMM/
$('#foo').contents().filter(function() { return this.nodeType == 3; })
参考：javascript - How do I select text nodes with jQuery? - Stack Overflow
3
1
1
1
2
1
58
55
$('#foo').contents().filter(function() { return this.nodeType == 3; }).text()で取得できました。
$(elem).contents().filter(function() { return this.nodeType == Node.TEXT_NODE; });の方がよさそうですがIE7で動かないのですね。
直下(直接の子ども)だけでいいなら、
$('selector').clone().children().remove().end().text()も面白いコードです。
2012/05/01 16:46:55大変参考になるページを紹介していただきありがとうございました。