あるDIVを別のDIVにコピーすることが可能かどうか、jqueryの助けが必要です。以下のようなHTMLがあります。
<div class="container">
<div class="button"></div>
</div>
そして、ページ内の別の場所に別のDIVがあり、 'button' DIVを次の 'package' DIVにコピーしたいと思います。
<div class="package">
Place 'button' div in here
</div>
要素のディープコピーを取得するには、clone()
メソッドを使用するとよいでしょう。
$(function(){
var $button = $('.button').clone();
$('.package').html($button);
});
完全なデモ:
jQuery docs]1より。
.clone()メソッドは、マッチした要素のセットのディープコピーを行います。 つまり、マッチした要素だけでなく、その子孫要素やテキストノードのすべての つまり、マッチした要素だけでなく、その子孫要素やテキストノードのすべての組み合わせて使用すると .clone()は、挿入メソッドと組み合わせて使用すると、要素を複製する便利な方法です。 ページ上の要素を複製します。