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选择失踪#：

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