jQuery before() メソッド

❮ jQuery HTML/CSS メソッド

各 <p> 要素の前にコンテンツを挿入する:

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

定義と用法

before() メソッドは、選択した要素の前方(前)に指定のコンテンツを挿入します。

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


構文

$(selector).before(content,function(index))

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

指定可能な値:

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

Try it Yourself - 例

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

関数を使用してコンテンツを挿入する
選択した要素の前にコンテンツを挿入するために関数を使用する方法。


❮ jQuery HTML/CSS メソッド