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:

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 a realizar la operación de desenvoltura unwrap para los párrafos con la clase www:

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

El código HTML quedará así:

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

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