@ PHP

text():テキストの変更と取得

HTML 要素に含まれるテキストを jQuery で変更または取得するには、text() メソッドを使います。

テキストの変更

text() を使ってテキストを変更するには text() の引数に変更後のテキストを指定します。

text_01.html

<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>sample</title>
</head>

<body>
  <p id="first">変更前</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(function() {
  $("p#first").text("変更後")
});
</script>
</body>

</html>

demo

テキストの取得

テキストの取得には text() を使います。テキストを取得する場合には、引数には何も記述しません。

text_02.html

<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>sample</title>
</head>

<body>
  <p id="first">取得する文字列</p>
  <p id="second">変更前</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(function() {
   $("p#second").text($("p#first").text())
});
</script>
</body>

</html>

demo