jQueryを使用した要素のテキスト出力

メソッド html と text は、要素のテキストを変更するだけでなく、画面に出力するためにも使用できます。要素を取得してそのテキストを出力してみましょう:

html<p id="test">text</p>

javascriptalert($('#test').html());

単一の要素ではなく複数の要素のテキストを取得しようとすると、最初の要素の内容しか表示されません。すべての要素のテキストを取得するには、次のレッスンで説明する each メソッドを使用してください。

以下の例では、クラス www を持つすべての段落を取得します:

html<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>

次に、 html を使用して内容を出力します。この場合、取得された段落のうち最初の段落のテキストのみが出力されます:

javascriptalert($('.www').html()); // 'text1' を出力

text メソッドについても注意が必要です。この場合、見つかったすべての要素の内容が出力されます:

javascriptalert($('.www').text()); // 'text1text2text3' を出力