html()

このエントリーをはてなブックマークに追加

html()はHTML要素の取得、変更が可能なメソッドです。

たとえば次のようなHTMLがあったとします。

<div class="demo-container">
  <div class="demo-box">Demonstration Box</div>
</div>

次のメソッドを実行すると

$('div.demo-container').html();

以下のような文字列を返します。

<div class="demo-box">Demonstration Box</div>

引数にHTML文字列を指定することでセレクタで指定したHTMLの中身を書き換えます。

たとえば、次のようなスクリプトを実行すると

$('div.demo-container').html("<p>fooo</p>");

HTMLは以下のように変換されます。

<div class="demo-container">
  <p>fooo</p>
</div>

jQuery1.4より引数に関数オブジェクトを指定することが可能になりました。以下のスクリプトを実行すると

$('div.demo-container').html(function() {
  var emph = '<em>' + $('p').length + ' paragraphs!</em>';
  return '<p>All new content for ' + emph + '</p>';
});

HTMLは以下のように変換されます。

<div class="demo-container">
  <p>All new content for <em>1 paragraphs!</em></p>
</div>
jQuery 1.0.0での追加/変更

html()はjQuery 1.0で定義されたメソッドです。

jQuery 1.4.0での追加/変更

jQuery 1.4より引数に関数を指定することが可能になりました。

参考URL

.html() | jQuery API Documentation

登録日 : 2013年06月28日 最終更新日 : 2013年6月28日

同じカテゴリー(Manipulation)のエントリー

検索

スポンサードリンク

バージョン

リファレンス