如何使用jQuery將元素移出其父元素？

Question

在下面的例子中，使用jQuery，我將如何將.nav移出.header並將其附加到.container？

所以這是前：

<div class="container"> 
    <div class="header"> 
     <div class="nav"></div> 
    </div> 
</div> 

，這將是後：

<div class="container"> 
    <div class="header"></div> 
    <div class="nav"></div> 
</div> 

這是我試過，但它不工作。

<script> $("div.container").append($(".nav")); </script>

注：這是在寧的網站，上面的腳本插入到管理儀表板的自定義代碼段。

Answer 1

你的代碼是正確的追加元素，並得到所需的dom。但是你沒有在正確的地方叫它。編寫代碼的文件準備：

$(document).ready(function(){ 
$("div.container").append($(".nav")); 
}) 

Answer 2

.append()/.prepend()和.appendTo()/.prependTo()是你要找的driods。

如果仍有問題，請查看.detach()。