Remoção do elemento pai com o método unwrap no jQuery

É possível fazer o inverso, em vez de envolver um elemento, desenvelopá-lo (ou seja, remover o elemento pai) usando o método unwrap.

No exemplo a seguir, temos parágrafos que estão dentro de tags 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>

Vamos executar a operação de desenvelopamento unwrap para os parágrafos com a classe www:

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

O código HTML ficará assim:

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

Também é possível passar um seletor como uma string para o método. Nesse caso, ele só terá efeito se o elemento pai corresponder ao seletor especificado:

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

Encontre os parágrafos p, que estão envoltos por divs div, e remova essas divs.

Encontre todas as tags span, que estão envoltas por parágrafos p, e remova esses parágrafos, sem mexer nas tags span.