jquery textメソッド

TOPページに戻る > jquery入門

jquery textメソッド

jqueryではセレクタで取得した要素に対してHTMLを操作できます

テキストを取得

指定した要素からテキストを取得するメソッドです

$("セレクタ").text()

この場合は、id名がhogeのp要素からテキストを取得します

$(function() {
	$("p#hoge").text();
});

テキストの変更

text()の引数に文字を入れると指定した要素のテキストを変更できます
テキストの場合はダブルクォークションでテキストを囲います

$("セレクタ").text("変更するテキスト")

引数にjQueryオブジェクトも使えます

$("セレクタ").text(jQueryオブジェクト)

二つ目の文字を一つ目の文字に変更してみます
$("#hoge").text()で1行目のテキストを取得しています。その値を変数に代入
$("#hoge2").text()の中に1行目で取得した文字を入れると2行目の文字が変更されます
$("#hoge2").text("1つ目の文字　変更しました！")　わかりやすく書くと左のように実行されます

jquery

$(function() {
var foo = $("#hoge").text();
	$("#hoge2").text(foo);
	});
});

html

<p id="hoge">1つ目の文字　変更しました！</p>
<p id="hoge2">2つ目の文字　変更なし</p>

実行前

1つ目の文字　変更しました！

2つ目の文字　変更なし

実行する