javascript - 页面加载时删除父div？

Question

我有像这样的 HTML：

<div id="parent">
 <ul class="list">something here....</ul>
</div>

当页面加载时，我想杀死 id="parent" 的 div。这意味着完成加载后，我只有：

<ul class="list">something here....</ul>

Javascript 或 Jquery 如何做到这一点？谢谢你的帮助。

Answer 1

你能试一下吗：

$(function() {
    $("ul.list").unwrap();
});

的文档unwrap()。

Answer 2

试试这个著名的代码来完全删除 div：

document.addEventListener('DOMContentLoaded',function(){
    var element = document.getElementById("parent");
    element.parentNode.removeChild(element);
},false);

按 id 移除元素

并且只删除父 div 使用 jQuery 的展开：

$(function() {
    $("ul.list").unwrap();
});

或者在普通的 javascript 中：

  function unwrap() {
            var a = document.getElementById('element-to-be-unwrapped');
            newelement = a.firstElementChild.cloneNode();
            document.body.insertBefore(newelement, a);
            a.parentNode.removeChild(a);
  }

Answer 3

使用.unwrap()函数

  if (  $(".list").parent('#parent').is( "div" ) ) {
     $(".list").unwrap();
  }

Answer 4

在 jQuery 中，代码如下：

var ul_holder = $('#parent').html();
$('#parent').remove();
$(document).append(ul_holder);

您可以将 $(document) 替换为任何其他元素

Answer 5

您可以将最接近（）与remove()一起使用

$(function() {
    $("ul.list").closest('#parent').remove();
});

或者您可以使用unwrap() 之类的，

$(function() {
    $("ul.list").unwrap();
});