我可以追加一個已經存在的div到另一個已經存在的div嗎？

Question

我有一個div中的聯繫表單，它自身帶有不透明度0，還有一個div，其中內容根據用戶在菜單上單擊的內容進行動態操作。 用戶到達菜單的最後一個階段後，我需要清除顯示所有內容的div的內容，然後「移動」窗體div， 會是這樣的工作嗎？

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

所以回顧一下2個現有的div，需要將它們的相互轉化上點擊。

Answer 1

您可以使用：.appendTo()方法：

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

，或者您可以使用.append()方法：

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

Answer 2

檢查this jsFiddle一個快速POC。顯然它確實。

關鍵是要傳遞對象引用，而不僅僅是對象ID，像這樣：

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

您也可以通過當前對象，使用this：

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