jQueryオブジェクト .text()

構文

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

jQueryObject.text()

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

jQueryObject.text('value')

<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の実行結果を示す。