javascript - 如何保持子div

Question

我有这个 HTML：

<div id="parentDiv">

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

</div>

我的 jQuery：

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

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

Answer 1

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

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

Answer 2

试试这个，

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

Answer 3

在您的情况下使用分离，

var xParent;

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

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