Eliminación del elemento padre con el método unwrap en jQuery

Se puede hacer lo contrario, en lugar de envolver un elemento, desenvolverlo (es decir, quitar el elemento padre) usando el método unwrap.

En el siguiente ejemplo tenemos párrafos, que están dentro de las etiquetas 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 a realizar la operación de desenvoltura unwrap para los párrafos con la clase www:

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

El código HTML quedará así:

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

También se puede pasar un selector al método en forma de cadena, entonces funcionará si el elemento padre coincide con el selector dado:

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

Encuentre los párrafos p, envueltos en divs div, y elimine esos divs.

Encuentre todas las etiquetas span, envueltas en párrafos p, y elimine esos párrafos, sin tocar las etiquetas span.