Usuwanie elementu nadrzędnego za pomocą metody unwrap w jQuery

Można również odwrotnie, nie opakować elementu, a rozwinąć go (czyli usunąć element nadrzędny) za pomocą metody unwrap.

W następnym przykładzie mamy akapity, które znajdują się wewnątrz tagów 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>

Wykonajmy dla akapitów z klasą www operację rozwinęcia unwrap:

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

Kod HTML będzie wyglądać tak:

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

Również do metody można przekazać selektor w postaci ciągu znaków, wtedy zadziała, jeśli element nadrzędny pasuje do podanego selektora:

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