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()을 확인하십시오.