하위 요소 인 insertAfter를

Question

으로 사용하십시오. 마크 업에서 두 ​​개의 특정 div의 순서를 변경하고 싶습니다. 두 사업부 모두 차일드가 있습니다.

<div class="first"> 
    <elem> 
    <elem> </elem> 
    </elem> 
</div> 

<div class="second"> 
    <elem> 
    <elem> </elem> 
    <elem> 
</div> 

과는 .second 다음 .first로 변경하고 싶습니다.

내가 시도 :

작동

$('.first').insertAfter('.second'); 

하지만 차일없이. .insertAfter()으로 원하는 것을 성취 할 수있는 방법이 있습니까? 아니면 제가해야 할 일이 있습니까?

감사

Answer 1

삽입 후 아이 요소를 제거하지 않습니다, 확인이 fiddle

<div class="first"> 
    <div>child of first</div> 
    <div>another of first</div> 
</div> 

<div class="second"> 
    <div>child of second</div> 
</div> 

Answer 2

문서 말한다 "이 방법을 선택 요소가 다른 곳 DOM에서 단일 위치에 삽입되어있는 경우, 대상 (복제되지 않음) 뒤에 이동하고 삽입 된 요소로 구성된 새 집합이 반환됩니다. "

가장 간단한 경우 (id로 선택 - 주어진 id로 div 뒤에 삽입), m y 검사는 모든 아이들이 그와 함께한다는 것을 보여줍니다.