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:

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>

Proveďme pro odstavce s třídou www operaci rozbalení unwrap:

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

HTML kód bude poté vypadat takto:

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

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