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:
<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:
$('.www').unwrap();
Kod HTML będzie wyglądać tak:
<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:
$('i').unwrap('p');
Znajdź akapity p, opakowane
divami div, i usuń te divy.
Znajdź wszystkie tagi span, opakowane
akapitami p, i usuń te akapity, nie
dotykając tagów span.