Az elem szülőjének eltávolítása az unwrap metódussal jQuery-ben

Megtehetjük az ellenkezőjét is: ahelyett, hogy becsomagolnánk egy elemet, kicsomagolhatjuk (vagyis eltávolíthatjuk a szülőjét) a unwrap metódus segítségével.

A következő példában vannak olyan bekezdések, amelyek div tag-ekben helyezkednek el:

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

Végezzük el a kicsomagolás unwrap műveletet a www osztállyal rendelkező bekezdésekre:

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

Így fog kinézni a HTML kód:

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

A metódusnak átadhatunk egy szelektort sztring formájában, ekkor csak akkor fut le, ha az elem szülője megfelel a megadott szelektornak:

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

Keresse meg azokat a p bekezdéseket, amelyeket div-ek csomagolnak be, és távolítsa el ezeket a div-eket.

Keresse meg az összes olyan span tag-et, amelyet p bekezdések csomagolnak be, és távolítsa el ezeket a bekezdéseket anélkül, hogy megérintené a span tag-eket.