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