Odstranění rodičovského elementu metodou unwrap v jQuery
Lze to naopak, neobalit element, ale rozbalit
ho (tj. odstranit rodiče) pomocí metody
unwrap.
V následujícím příkladu máme odstavce,
které se nacházejí uvnitř tagů
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>
Proveďme pro odstavce s třídou www operaci
rozbalení unwrap:
$('.www').unwrap();
HTML kód bude poté vypadat takto:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<div><p>text</p></div>
Metodě lze také předat selektor ve formě řetězce, pak bude fungovat, pokud rodičovský element odpovídá zadanému selektoru:
$('i').unwrap('p');
Najděte odstavce p, obalené
divy div, a odstraňte tyto divy.
Najděte všechny tagy span, obalené
odstavci p, a odstraňte tyto odstavce, aniž byste
zasáhli do tagů span.