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

jQuery エフェクトリファレンスマニュアル

例

<div>要素内に各段落を包装します：

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

自分で試してみましょう

定義と使用法

wrap()メソッドは、各選択された要素を指定されたHTML内容や要素に配置します。

構文

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

必須。選択された要素を包装する内容を指定します。

可能な値:

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

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

関数を使用して要素を包装します。

選択された各要素の周りに包装する内容を指定する関数を使用します。

構文

$().wrap(function())

自分で試してみましょう

パラメータ 説明
function() 必須。包装された要素を返す関数を指定します。

さらに多くの例

新しい要素を使用して包装します。
選択された各要素を包装する新しい DOM要素を作成します。
要素を包装または解除します。
要素の包装と解除のタスクを切り替えます。

jQuery エフェクトリファレンスマニュアル