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:
<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:
$('.www').unwrap();
HTML-koden vil se slik ut:
<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:
$('i').unwrap('p');
Finn avsnittene p, innpakket
i diver div, og fjern disse divene.
Finn alle taggene span, innpakket
i avsnitt p, og fjern disse avsnittene, uten
å røre taggene span.