Fjerne forelderelement med unwrap-metoden i jQuery

Man kan omvendt, ikke pakke inn et element, men pakke det ut (det vil si fjerne forelderen) ved hjelp av metoden unwrap.

I det følgende eksemplet har vi avsnitt, som befinner seg inne i taggene 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>

La oss for avsnitt med klassen www utføre utpakkingsoperasjonen unwrap:

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

HTML-koden vil se slik ut:

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

Man kan også sende en selector i form av en streng til metoden, da vil den kun tre i kraft hvis forelderen til elementet passer til den angitte selectoren:

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