Butuh jquery membantu menyalin DIV ke dalam DIV lain dan berharap bahwa ini adalah mungkin. Saya memiliki HTML berikut:
<div class="container">
<div class="button"></div>
</div>
Dan kemudian saya memiliki DIV lain di lokasi lain di halaman saya dan saya ingin copy 'tombol' div sebagai berikut 'paket' div:
<div class="package">
Place 'button' div in here
</div>
Anda'll ingin menggunakan clone()
metode dalam rangka untuk mendapatkan yang mendalam copy dari unsur:
$(function(){
var $button = $('.button').clone();
$('.package').html($button);
});
Lengkap demo:
Dari jQuery docs:
.clone() metode melakukan dalam salinan set cocok unsur-unsur, yang berarti bahwa itu salinan sesuai unsur-unsur serta semua dari keturunan mereka elemen dan node teks. Ketika digunakan dalam hubungannya dengan salah satu metode penyisipan, .clone() adalah cara yang nyaman untuk duplikat elemen pada halaman.
Copy kode menggunakan clone dan appendTo fungsi :
Di sini juga kerja contoh [jsfiddle][1]
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div id="copy"><a href="http://brightwaay.com">Here</a> </div>
<br/>
<div id="copied"></div>
<script type="text/javascript">
$(function(){
$('#copy').clone().appendTo('#copied');
});
</script>
</body>
</html>
$(document).ready(function(){
$("#btn_clone").click(function(){
$("#a_clone").clone().appendTo("#b_clone");
});
});
.container{
padding: 15px;
border: 12px solid #23384E;
background: #28BAA2;
margin-top: 10px;
}
<!DOCTYPE html>
<html>
<head>
<title>jQuery Clone Method</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<div class="container">
<p id="a_clone"><b> This is simple example of clone method.</b></p>
<p id="b_clone"><b>Note:</b>Click The Below button Click Me</p>
<button id="btn_clone">Click Me!</button>
</div>
</body>
</html>