jQueryにおけるunwrapメソッドによる要素の親の削除

逆に、要素をラップするのではなく、メソッド unwrap を使用して要素を展開する（つまり親を削除する）ことができます。

次の例では、divタグ内にある段落があります：

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

クラスwwwを持つ段落に対して、展開操作 unwrapを実行してみましょう：

javascript$('.www').unwrap();

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

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

また、メソッドには文字列形式のセレクタを渡すこともできます。 その場合、要素の親が指定されたセレクタに一致する場合にのみ処理が行われます：

javascript$('i').unwrap('p');