Question

我喜欢HTML：

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

当页面加载时，我想要具有id =“parent”的kill div。这意味着在完成加载后，我只有：

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

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

Answer 1

你可以尝试：

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

Docs for unwrap()

Answer 2

尝试使用这个着名的代码来完全删除div：

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

remove element by id

要删除父div，请使用jQuery的unwrap：

$(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

在jQuery中，这是代码：

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

您可以将$（document）替换为任何其他元素

Answer 4

使用.unwrap()功能

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

Answer 5

您可以将closest()与remove()

一起使用

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

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

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

页面加载时删除父div？

5 个答案: