Elementin vanhemman poistaminen unwrap-metodilla jQueryssä

Voidaan myös päinvastoin, kääriä elementti auki (eli poistaa sen vanhempi) käyttämällä unwrap-metodia.

Seuraavassa esimerkissämme on kappaleita, jotka sijaitsevat div-tagejen sisällä:

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>

Suoritetaanpa luokan www omaaville kappaleille avaustoiminto unwrap:

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

HTML-koodi muuttuu näyttämään tältä:

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

Metodille voi myös antaa valitsimen merkkijonona, jolloin se toimii vain, jos elementin vanhempi vastaa annettua valitsinta:

javascript$('i').unwrap('p');
Задание 1

Etsi p-kappaleet, jotka on kääritty div-diveihin, ja poista nämä divit.

Задание 2

Etsi kaikki span-tagit, jotka on kääritty p-kappaleisiin, ja poista nämä kappaleet koskematta span-tageihin.