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

jQuery効果リファレンスマニュアル

例

p要素の内容にb要素を囲む：

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

自分で試してみる

定義と使用法

wrapInner()メソッドは、指定されたHTML内容や要素を使用して、選択された各要素の中のすべての内容（inner HTML）を囲みます。

文法

$().wrapInner(wrapper)
引数 説明
wrapper

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

可能な値:

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

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

関数で内容を囲む

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

文法

$().wrapInner(function())

自分で試してみる

引数 説明
function() 必須。囲む要素を返す関数を指定します。

さらに多くの例

新しい要素で囲む
新しいDOM要素を作成して、選択された各要素を囲む。

jQuery効果リファレンスマニュアル