Halihazırda varolan bir div'u zaten varolan bir div'a ekleyebilir miyim?

Question

Kendisinin opacity 0 ile bir div içinde bir iletişim formunu ve kullanıcının menüyü tıklattıklarına bağlı olarak içeriğin dinamik olarak değiştirildiği bir div var. Kullanıcı, menünün son aşamasına geçtikten sonra, herşeyi görüntüleyen div içeriğini temizlemeli ve sonra form div'unu "hareket ettir" lemeye ihtiyacım var, bu işe benziyor mu?

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

2 zaten mevcut div'leri tekrarlamak için, bunlardan birini tıklatırken diğerine yerleştirmeniz gerekir. .appendTo() yöntemi:

Answer 1

kullanabilirsiniz

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

veya .append() yöntemi kullanabilirsiniz: Hızlı bir yararlılık ilkesinin için

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

Answer 2

kontrol this jsFiddle. Görünüşe göre öyle. this kullanarak,

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

Ayrıca, geçerli nesne geçebileceği:

hüner şöyle değil, sadece nesne id, nesne başvurusu geçmektir

* gibi bir şey olur

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