jQueryでの要素のラッピング

タグは他のタグでラップすることができます。例えば、 段落がある場合、それらをさらに divタグでラップすることができます。 このような目的には、 見つかった各要素を指定されたタグでラップする wrap メソッドが使用されます。

例として、クラス www を持つ 段落があるとします：

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

これらを div タグでラップしてみましょう：

javascript$('.www').wrap('<div>');

HTMLコードは次のようになります：

html<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>