jQuery wrap() メソッド

❮ jQuery HTML/CSS メソッド

各 <p> 要素の周りを <div> 要素でラップする:

$("button").click(function(){
    $("p").wrap("<div></div>");
});
Try it Yourself »

定義と用法

wrap() メソッドは、選択した各要素の周りを指定した HTML 要素でラップします。


構文

$(selector).wrap(wrappingElement,function(index))

パラメータ 説明
wrappingElement 必須。選択した各要素の周りをラップする HTML 要素を指定する

指定可能な値:

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

Try it Yourself - 例

DOM で新規要素を作成する
document.createElement() を使用して要素を作成し、選択した各要素のまわりをそれでラップする方法。

関数を使用して要素をラップする
選択した各要素を何でラップするかを指定する関数の使用。

要素の wrap と unwrap
要素の wrap と unwrap をトグルする方法。


❮ jQuery HTML/CSS メソッド