jQuery模态附加div，然后前置到前一个div

Question

我有一个名为childDiv的div，它位于parentDiv内。

<div id="parentDiv">
    <p>Parent should be on top</p>
    <div id="childDiv">
        <p>Child</p>
    </div>
</div>

当用户点击按钮时，我希望将childDiv附加到模态对话框窗口。但是，一旦用户关闭模式，我希望childDiv返回parentDiv。

$(document).ready(function () {

    $("#myBtn").click(function () {
        $("#myModal").modal('show');
        $("#childDiv") .appendTo(".modal-body");
    });

    $('#myModal').on('hide.bs.modal', function (e) {
        $("#childDiv") .prependTo("parentDiv");        
        })
});

请看下面的小提琴。我很感激你的帮助！

JSFiddle

Answer 1

选择器错误，ID ID选择器缺少#：

$("#childDiv").prependTo("#parentDiv");