jQuery wrapInner() メソッド

jQueryのHTML/CSSメソッド

wrapInner()メソッドは指定されたHTML要素を各選択された要素の内容の周りに括ります。

文法：

内容の周りに要素を括ります：

$(selector).wrapInner(wrappingElement)

関数を使用して要素を内容の周りに括ります：

$(selector).wrapInner(function(index))

例

各<b>要素を各<p>要素の内容の周りに括ります：

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

この例では、document.createElement()を使用して<b>要素を作成し、各<p>要素の内容の周りに包装しています：

$("button").click(function(){
　　$("p").wrapInner(document.createElement("b"));
});

内容を関数で包装する

$("button").click(function(){
　　$("p").wrapInner(function(){
　　　　　　return　document.createElement("b");
　　});
});

パラメータの値

jQueryのHTML/CSSメソッド