jQuery html() メソッド

❮ jQuery HTML/CSS メソッド

全 <p> 要素のコンテンツを変更する:

$("button").click(function(){
    $("p").html("Hello <b>world</b>!");
});
Try it Yourself »

定義と用法

html() メソッドは、選択した要素のコンテンツ(innerHTML)を設定または返します。

このメソッドを、コンテンツをreturnに使用した場合、最初にマッチした要素のコンテンツを返します。

このメソッドを、コンテンツをsetに使用した場合、 全てのマッチした要素のコンテンツを 上書きします。

チップ: 選択した要素のテキストコンテンツのみを設定または返す場合は、 text() メソッドを使用します。


構文

コンテンツを返す:

$(selector).html()

コンテンツを設定する:

$(selector).html(content)

関数を使用してコンテンツを設定する:

$(selector).html(function(index,currentcontent))

パラメータ 説明
content 必須。選択した要素に新しいコンテンツを指定する(HTML タグを含むことができる)
function(index,currentcontent) 任意。選択した要素に新しいコンテンツを返す関数を指定する
  • index - セット内の要素のインデックス位置を返す
  • currentcontent - 選択した要素の現在の HTML コンテンツを返す

Try it Yourself - 例

要素のコンテンツを返す
要素のコンテンツを返す方法。

関数を使用し要素のコンテンツを設定する
選択した要素の全てに、コンテンツを設定するため関数を使用する.


❮ jQuery HTML/CSS メソッド