이미 존재하는 div를 다른 기존 div에 추가 할 수 있습니까?

Question

div의 연락처 양식이 불투명도 0이고 div는 콘텐츠가 사용자가 메뉴를 클릭 할 때 동적으로 조작됩니다. 사용자가 메뉴의 마지막 단계에 이르면 모든 것을 표시하는 div의 내용을 지우고 양식 div를 "이동"해야합니다. 이 작업과 비슷합니까?

$('#menu_form').on('click', function() { 
    $('#form_div').append('#display_div'); 
}); 

이미 존재하는 2 개의 div를 정리하려면 클릭 할 때 두 개 중 하나를 다른 div에 배치해야합니다. .appendTo() 방법 :

Answer 1

당신은 사용할 수 있습니다

$('#menu_form').on('click', function(){ 
    $('#form_div').appendTo('#display_div'); // appendTo -> selector 
}); 

을하거나 .append() 방법을 사용할 수 있습니다 빠른 POC에 대한

$('#menu_form').on('click', function(){ 
    $('#display_div').append($('#form_div')); // append -> object 
}); 

Answer 2

확인 this jsFiddle합니다. 분명히 그렇습니다. this를 사용하여,

$('#menu_form').on('click', function(){ 
    $('#form_div').append($('#display_div')); 
}); 

또한 현재 개체를 전달할 수 :

트릭과 같이뿐 아니라 개체 ID를, 객체 참조를 전달하는 것입니다

* 같은 것을 것

$('#menu_form').on('click', function(){ 
    $('#form_div').append(this); 
});