ホームページ > 記事 > ウェブフロントエンド > ノードとサブノードを取得する jQuery メソッド text_jquery
以下の HTML スニペットについては、
<div id="text_test">test text<a href="techbrood.com" rel="external nofollow" >techbrood co.</a></div>
ノードのプレーンテキストを取得:
var text = $('#text_test').text()
これは「test text techbrood co.」を取得します。これは、現在の要素のすべてのノード (子ノードを含む) のテキストが読み取られることを意味します。
メインノードのテキストのみを取得したい場合、メソッドはより複雑になります:
var text = $("#text_test").contents().filter(function() { return this.nodeType === 3; }).text();
子ノードのテキストを取得します:
var text = $("#text_test > a").first().contents().filter(function() { return this.nodeType === 3; }).text();