Fjernelse af forælderelement med unwrap-metoden i jQuery

Man kan omvendt, ikke indpakke et element, men udpakke det (det vil sige fjerne forælderen) ved hjælp af metoden unwrap.

I det følgende eksempel har vi afsnit, som befinder sig inden i tags div:

<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>

Lad os for afsnit med klassen www udføre udpakkingsoperationen unwrap:

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

HTML-koden vil se sådan ud:

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

Man kan også overføre en selector i form af en streng til metoden, så vil den kun udføres, hvis forælderen til elementet matcher den angivne selector:

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

Find afsnit p, der er indpakket i divs div, og fjern disse divs.

Find alle tags span, der er indpakket i afsnit p, og fjern disse afsnit, uden at røre tags span.