Премахване на родителския елемент с метода unwrap в jQuery

Може и обратното - вместо да увием елемент, да го развием (т.е. да премахнем родителя) с помощта на метода unwrap.

В следващия пример имаме абзаци, които се намират в тагове 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>

Нека за абзаците с клас www извършим операцията по развиване unwrap:

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

HTML кодът ще изглежда така:

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

Също така на метода може да се подаде селектор под формата на низ, тогава той ще се задейства, ако родителският елемент отговаря на зададения селектор:

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

Намерете абзаците p, увити в дивове div, и премахнете тези дивове.

Намерете всички тагове span, увити в абзаци p, и премахнете тези абзаци, без да пипате таговете span.