jQuery prepend() メソッド

❮ jQuery HTML/CSS メソッド

全 <p> 要素の先頭にコンテンツを挿入する:

$("button").click(function(){
    $("p").prepend("<b>Prepended text</b>");
});
Try it Yourself »

定義と用法

prepend() メソッドは、指定した要素の先頭に指定したコンテンツを挿入します。

チップ: 指定した要素の最後にコンテンツを挿入するには、 append() メソッドを使用します。


構文

$(selector).prepend(content,function(index,html))

パラメータ 説明
content 必須。挿入するコンテンツを指定(HTML タグを含むことができる)

指定可能な値:

  • HTML 要素
  • jQuery オブジェクト
  • DOM 要素
function(index,html) 任意。挿入するコンテンツを返す関数を指定する
  • index - セット内の要素のインデックス位置を返す
  • html - 選択した要素の現在の HTML を返す

Try it Yourself - 例

prepend() - HTML、jQuery、DOM でコンテンツを作成する
prepend() メソッドを使用してコンテンツを挿入する。

関数を使用してコンテンツを Prepend する
指定した要素の先頭にコンテンツを挿入するため関数を使用する。


❮ jQuery HTML/CSS メソッド