如何保持孩子div

Question

我有这个HTML：

<div id="parentDiv">

    <div id="childDiv">This is child Div</div>

</div>

我的jQuery：

$("#childDiv").click(function() {
    $(this).parent().remove();
});

它将删除所有内容。我怎样才能保留孩子？

Answer 1

您可以使用unwrap()从DOM中删除元素的父级，但仍保持元素完整。：

$("#childDiv").click(function() {
    $(this).unwrap();
});

Answer 2

试试这个，

 $(document).ready(function(){
   $("#childDiv").click(function() {
   $(this).parent().replaceWith(this);
  });
 });

Answer 3

在您的情况下使用Detach，

var xParent;

$("#childDiv").click(function() {
   xParent = $(this).parent().detach();
});

并在您想要的地方使用xParent。