लपेटने div को हटा दें और सभी उप-divs बरकरार छोड़ दें?

Question

मेरे पास कई उप-divs के साथ एक रैपर div है और उन उप-divs के अंदर टैग भी है। मैं रैपर div को हटाना चाहता हूँ। मैंने JQuery के अनचाहे पर विचार किया है, लेकिन ऐसा प्रतीत होता है कि मुझे Jquery को बताने के लिए बच्चे div को निर्दिष्ट करने की आवश्यकता है। क्या यह काम करेगा यदि कई बच्चे हैं?

तो, कोड लगता है:

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

किसी भी मदद की, हमेशा की तरह, की सराहना की है।

धन्यवाद।

Answer 1

unwrap विधि से कार्य करेंगे (आप में से भाई-बहनों में/किसी भी संख्या किसी भी चुन सकते हैं):

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

डॉक्स से (जोर जोड़ा):

मिलान किया तत्वों (और उनके भाई बहन, यदि कोई) डीओएम संरचना के भीतर अपने माता-पिता को प्रतिस्थापित करें।

Answer 2

@james करने पर जोड़ने के लिए

आप इस

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

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 
} 

की तरह कुछ कर सकते हैं

कोड सीधे आगे और भी बहुत कुछ है संबंधित जेक्यू से तेज़ यूरी की विधि $ .unwrap()।

स्रोत: https://plainjs.com/javascript/manipulation/unwrap-a-dom-element-35/