[解決済み] 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() はページ上の要素を複製する便利な方法となります。 ページ上の要素を複製する便利な方法です。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] Node.jsのプログラムにコマンドライン引数を渡すにはどうしたらいいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JavaScriptの変数がドル記号で始まるのはなぜ?[重複している]。
-
[解決済み] AngularJSのエラーです。Cross Origin リクエストはプロトコルスキーム http, data, chrome-extension, https に対してのみサポートされています。
-
[解決済み] jQuery scroll() は、ユーザーがスクロールを止めたことを検出する。
-
[解決済み] 文字列の最後の文字を取得するにはどうすればよいですか?重複
-
[解決済み] DataURLからBlob?
-
[解決済み] 料金制限のあるAPIを独自にDogfoodする
-
[解決済み] Firebase用Cloud Functionsのトリガーは時間通り?
-
[解決済み] リアクトのシャローコンパールはどのように機能するのか
-
[解決済み] Angularで、配列内のオブジェクトを検索したい。
-
[解決済み] Reactjsで入力にフォーカスが当たったとき、すべてのテキストを選択するには?