Как мне переместить элемент из его родительского элемента, используя 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

Ваш код правильный для добавления элемента и получения желаемого домена. Однако вы не назвали это в правильном месте. напишите код на готовом документе:

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

Answer 2

.append ()/ .prepend () и .appendTo ()/ .prependTo () - это источники, которые вы ищете.

Если у вас все еще есть проблемы, взгляните на .detach ().