¿quita envoltura div y deja todos los subdivisiones intactos?

Question

Tengo un div envoltorio con varios subdivisiones dentro y etiquetas dentro de esos subdivisiones también. Quiero eliminar el envoltorio Div. He considerado que JQuery se desenvuelve, pero parece como si tuviera que especificar los divs para niños para decirle a Jquery qué desenvolver. ¿Funcionará esto si hay varios niños?

Por lo tanto, el código es el siguiente:

<div id="wrapper"> 
    <div id="innerDiv1"></div> 
    <div id="innerDiv2"></div> 
    <div id="innerDiv3"></div> 
</div> 

Cualquier ayuda, como siempre, se agradece.

Gracias.

Answer 1

El método unwrap trabajará muy bien (se puede seleccionar cualquiera de/cualquier número de los hermanos):

$("#innerDiv1").unwrap(); 

De la documentación (énfasis añadido):

Los elementos coincidentes (y sus hermanos, si los hay) reemplazan sus padres dentro de la estructura DOM.

Answer 2

para añadir a @ James

Puede hacer algo como esto

var innerDivs = $("#wrapper").html(); 
$("#wrapper").remove(); 
$("body").append(innerDivs);​ // you will need to change this to append to whatever element you like 

ejemplo jsFiddle

http://jsfiddle.net/dAZ9D/

Answer 3

function unwrap(el){ 
    var parent = el.parentNode; // get the element's parent node 
    while (el.firstChild){ 
     parent.insertBefore(el.firstChild, el); // move all children out of the element 
    } 
    parent.removeChild(el); // remove the empty element 
} 

El código es sencillo y mucho más rápido que el jQ correspondiente El método $ .unwrap() de uery.

Fuente: https://plainjs.com/javascript/manipulation/unwrap-a-dom-element-35/