Как перенести элемент из его родительского элемента с помощью 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() являются driods вы ищете.

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