html()

jQueryオブジェクトにマッチする要素の内部HTMLを取得または設定する。

取得

jQueryObject.html()

HTML要素の内部HTMLを取得して、コンソールへ出力する例を次に示す。

<div id="d1">
  <p>In a hole in the ground there lived a hobbit.</p>
</div>
<script>
  console.log($('#d1').html())
</script>

設定

jQueryObject.html('htmlFragment')

htmlFragment

HTMLの断片を指定する。

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