xóa div gói và để nguyên tất cả các div phụ?

Question

Tôi có một div bao bọc với một số div phụ bên trong và các thẻ bên trong các div phụ đó. Tôi muốn loại bỏ các wrapper div. Tôi đã xem xét unwrap của JQuery, nhưng nó xuất hiện như thể tôi cần phải xác định các div con để nói với Jquery những gì để unwrap. Điều này có hiệu quả nếu có nhiều trẻ em không?

Vì vậy, mã trông giống như:

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

Bất kỳ sự giúp đỡ, như mọi khi, được đánh giá cao.

Cảm ơn bạn.

Answer 1

Phương pháp unwrap sẽ làm việc tốt (bạn có thể chọn bất kỳ/bất kỳ số lượng các anh chị em ruột):

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

Từ các tài liệu (nhấn mạnh thêm):

Các yếu tố phù hợp (và anh chị em của họ, nếu có) thay thế cha mẹ của họ trong cấu trúc DOM.

Answer 2

Để thêm vào @ James

Bạn có thể làm một cái gì đó giống như

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

jsfiddle ví dụ này

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 
} 

Mã này là thẳng về phía trước và nhiều hơn nhanh hơn jQ tương ứng phương thức của uery $ .unwrap().

Nguồn: https://plainjs.com/javascript/manipulation/unwrap-a-dom-element-35/