jquery - 如何使用 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 站点上，上面的脚本被插入到管理仪表板的自定义代码部分。

score 1 · Accepted Answer

您的代码对于附加元素并获得所需的 dom 是正确的。但是，您没有在正确的位置调用它。在准备好的文档上编写代码：

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

score 0 · Accepted Answer

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

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

2 回答 2