Bir DIV'i başka bir DIV'e kopyalamak ve bunun mümkün olduğunu ummak için biraz jquery yardımına ihtiyacım var. Aşağıdaki HTML'ye sahibim:
<div class="container">
<div class="button"></div>
</div>
Ve sonra sayfamda başka bir yerde başka bir DIV var ve 'button' div'ini aşağıdaki 'package' div'ine kopyalamak istiyorum:
<div class="package">
Place 'button' div in here
</div>
Öğenin derin bir kopyasını almak için clone()
yöntemini kullanmak isteyeceksiniz:
$(function(){
var $button = $('.button').clone();
$('.package').html($button);
});
Tam demo:
jQuery dokümanlarından]1:
.clone() yöntemi, eşleşen kümenin derin bir kopyasını gerçekleştirir öğeleri, yani eşleşen öğelerin yanı sıra tüm alt öğelerinin ve metin düğümlerinin. Birlikte kullanıldığında ekleme yöntemlerinden biriyle, .clone() işlevini kullanmak için uygun bir yoldur bir sayfada yinelenen öğeler.