要素のテキストを取得するには、textメソッド、またはhtmlメソッドが利用できます。これらのメソッドはよく似ていますが、いくつかの点で違いもあります。具体的なポイントを説明する前に、まずはサンプルで実際の挙動を確認してみましょう。以下のサンプルは、$('li')で取り出した<li>要素のテキストをメッセージ表示するためのコードです。結果を見ても分かるように、htmlメソッドとtextメソッドにはいくつかの違いがあります。要素セット(jQueryオブジェクト)が複数の要素を含んでいる場合、htmlメソッドは先頭要素の内容だけを取得しますが、textメソッドはすべての要素の内容を結合したものを取得します。名前のとおり、htmlメソッドは要素の内容をHTML文字列として取得しますが、textメソッドは純粋なテキストだけを取得します。(3)対応する形式textメソッドはHTML/XMLいずれの形式でも動作しますが、htmlメソッドはHTML(XHTMLを含む)形式でしか動作しません。このサンプルでは扱っていませんが、textメソッドをXML形式で利用する方法については、あらためてAjax編で紹介する予定です。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。