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

← →
↑