jQuery text() メソッド

jQueryのHTML/CSSメソッド

text()メソッドは、選択された要素（およびその子孫を含む）のテキスト内容を取得または設定します。

text()メソッドを使用して内容を設定するとき、を返します。の取得すべての選択された要素のテキスト内容を取得します。

text()メソッドを使用して内容を設定するとき、の設定の内容を設定するとき、すべての選択された要素のテキスト内容を取得します。

を使用して、html()メソッドを使用して選択された要素のinnerHTML（テキスト）を取得または設定します。+ HTMLタグ）。

注意： text()メソッドは入力要素上で使用できません。入力フィールドのテキストには、val()メソッド。

文法：

テキスト内容を取得します：

$(selector).text()

テキスト内容を設定します：

$(selector).text(content)

機能を使用してテキスト内容を設定します：

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

例

ボタンをクリックして、すべての段落のテキスト内容を取得します：

$("button").click(function(){
　　alert($("p").text());
});

すべての段落のテキスト内容を変更します：

$("button").click(function(){
　　$("p").text("I　would　like　to　say:　Hello　world");
});

以下の関数を使用して要素のテキスト内容を変更します：

$("button").click(function(){
　　$("p").text(function(i){
　　　　return　"このp要素のインデックス:　"　+　i;
　　});
});

html()メソッドとtext()メソッドの違い：

$("#btn1").click(function(){
　　$("p").html("私は言いたい:　<b>Hello　world</b>);
});
$("#btn2").click(function(){
　　$("p").text("私は言いたい:　<b>Hello　world</b>);
});

パラメータの値

jQueryのHTML/CSSメソッド