人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQuery もしくは Javascript の質問です。

<h3 id="foo"><a href="dest">リンクになっているテキスト</a>地のh3要素のテキスト<span class="bar">書式付きのテキスト</span></h3>

とあったとして、"地のh3要素のテキスト"という文字列を取り出すには、$('#foo'). に続けてどういう風に書けばいいでしょうか?
jQueryのメソッドチェーンで取り出せるのでしょうか?

●質問者: quintia
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●100ポイント ベストアンサー

http://jsfiddle.net/cherenkov/AyBMM/

$('#foo').contents().filter(function() {
 return this.nodeType == 3;
})

参考:javascript - How do I select text nodes with jQuery? - Stack Overflow


quintiaさんのコメント
>|| $('#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() ||< も面白いコードです。 大変参考になるページを紹介していただきありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ