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:

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>

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

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

O código HTML ficará assim:

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

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