jQueryドキュメント操作 - wrapAll()メソッド

<div>内にすべてのパラグラフを囲む:

$(".btn1").click(function(){
   $("p").wrapAll("<div></div>");
});

実際に試してみてください

定義と用法

wrapAll()は指定されたHTML内容または要素にすべての選択された要素を配置します。

構文

$().wrapAll(wrapper)
パラメータ 説明
wrapper

必須。選択された要素を囲む内容を指定します。

可能な値:

  • HTMLコード - 例えば("<div></div>")
  • 新しいDOM要素 - 例えば(document.createElement("div"))
  • 既存の要素 - 例えば($(".div1"))

既存の要素は移動されず、コピーされ、選択された要素を囲みます。

さらに多くの例

新しい要素で囲む
選択された要素を囲む新しいDOM要素を作成します。