如何使用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>

注意：它位于Ning网站上，上面的脚本已插入管理信息中心的自定义代码部分。

Answer 1

您的代码对于附加元素并获得所需的dom是正确的。但是你没有在正确的地方调用它。在准备好的文件上写下代码：

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

Answer 2

.append() / .prepend()和.appendTo() / .prependTo()是您正在寻找的机器人。

如果您仍遇到问题，请查看.detach()。