jQueryオブジェクト .text()

構文

jQueryオブジェクトにマッチする要素のテキストを取得する。

jQueryObject.text()

jQueryオブジェクトにマッチする要素のテキストを設定する。

jQueryObject.text('value')

使用例

テキストの取得

リストの各項目からテキストを取得する例を次に示す。

<ul id="list1">
  <li>first</li>
  <li>second</li>
  <li>third</li>
</ul>
<p id="text1"></p>
<script>
  const text1 = $("#list1").text();
  $("#text1").text(text1);
</script>

• first
• second
• third

テキストの変更

<p id="p1"></p>
<p id="p2"></p>
<p id="p3"></p>
<p id="p4"></p>

<script>
  var hf1 = '<p>foo</p>';

  // <p id="p1"><p>foo</p></p>
  $('#p1').html(hf1);

  // <p id="p2">&lt;p&gt;foo&lt;/p&gt;</p>
  $('#p2').text(hf1);

  var hf2 = '&lt;p&gt;foo&lt;/p&gt;';

  // <p id="p3">&lt;p&gt;foo&lt;/p&gt;</p>
  $('#p3').html(hf2);

  // <p id="p4">&amp;lt;p&amp;gt;foo&amp;lt;/p&amp;gt;</p>
  $('#p4').text(hf2);
</script>

上記JavaScriptの実行結果を示す。

関連記事

• after
• animate
• each
• empty
• height
• hide
• width

参考文献

OpenJS Foundation (2025) .text() | jQuery API Documentation