jQueryドキュメント操作 - text()メソッド

jQuery効果リファレンスマニュアル

例

すべての<p>要素の内容を設定：

$(".btn1").click(function(){
  $("p").text("Hello <b>world</b>!");
});

自分で試してみてください

定義と使用法

text()メソッドは、選択された要素のテキスト内容を設定または返します。

テキスト内容を返す

このメソッドが値を返す場合、すべての一致する要素のテキスト内容の組み合わせを返します（HTMLマークアップは削除されます）。

文法

$(selector).text()

自分で試してみてください

テキスト内容を設定

このメソッドが値を設定する場合、選択された要素のすべての内容を上書きします。

$(selector).text(content)

自分で試してみてください

引数 説明
content 選択された要素の新しいテキスト内容を指定します。注：特殊文字はエンコードされます。

関数を使用してテキスト内容を設定

関数を使用してすべての選択された要素のテキスト内容を設定します。

文法

$(selector).text(function(index,oldcontent))

自分で試してみてください

引数 説明
function(index,oldcontent)

必須。選択された要素の新しいテキスト内容を返す関数を指定します。

  • index - オプション。選択子のindex位置を受け入れます。
  • html - オプション。選択子の現在の内容を受け入れます。

jQuery効果リファレンスマニュアル