1. ホーム
  2. javascript

[解決済み] jQueryでDIVを別のDIVに複製する

2022-05-14 19:11:39

質問

DIVを別のDIVにコピーするいくつかのjqueryヘルプが必要で、これが可能であることを期待しています。私は次のようなHTMLを持っています。

  <div class="container">
  <div class="button"></div>
  </div>

そして、私のページの別の場所に別のDIVがあり、次の「パッケージ」DIVに「ボタン」DIVをコピーしたいと思います。

<div class="package">

Place 'button' div in here

</div>

どのように解決するのですか?

を使うことになります。 clone() メソッドを使って、要素のディープコピーを取得したいと思います。

$(function(){
  var $button = $('.button').clone();
  $('.package').html($button);
});

フルデモです。 http://jsfiddle.net/3rXjx/

から jQuery ドキュメント :

.clone() メソッドは、マッチした要素のセットのディープコピーを実行します。 つまり、マッチした要素だけでなく、その子孫の要素やテキストノードもすべてコピーされます。 をコピーします。挿入メソッドと組み合わせて使用する場合 挿入メソッドの 1 つと組み合わせて使用すると、.clone() はページ上の要素を複製する便利な方法となります。 ページ上の要素を複製する便利な方法です。