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();
});