Удаление родителя элемента методом 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.