jQuery text() メソッド

❮ jQuery HTML/CSS メソッド

全 <p> 要素へテキスト・コンテンツを設定する:

$("button").click(function(){
    $("p").text("Hello world!");
});
Try it Yourself »

定義と用法

text() メソッドは、選択した要素のテキストコンテンツを設定するか、返します。

このメソッドを、コンテンツを返すために使用した場合、マッチした全要素のテキストコンテンツを返します (HTML マークアップは削除される)。

このメソッドを、コンテンツを設定するために使用した場合、 マッチした全要素のテキストコンテンツを上書きします。

チップ: 選択した要素の innerHTML (text + HTML markup) を設定または返すには、innerHTML(テキスト+ HTMLのマークアップ)を、html() メソッドを使用します。


構文

テキストコンテンツを返す:

$(selector).text()

テキストコンテンツを設定する:

$(selector).text(content)

関数を使用してテキストコンテンツを設定する:

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

パラメータ 説明
content 必須。選択した要素の新しいテキストコンテンツを指定する

注: 特殊文字は、エンコードされる
function(index,currentcontent) 任意。選択した要素の新しいテキストコンテンツを返す関数を指定する
  • index - セット内の要素のインデックス位置を返す
  • currentcontent - 選択した要素の現在のコンテンツを返す

Try it Yourself - 例

テキストコンテンツを返す
選択した要素のテキストコンテンツを返す方法。

関数を使用してテキストコンテンツを設定する
選択した要素のテキストコンテンツを設定するのに関数を使用します。


❮ jQuery HTML/CSS メソッド