javascript - div とそのコンテンツをコピーして別の場所に追加するが、オリジナルは非表示にする方法

Question

次のような div 要素があります。

<div id="abc">....</div>

ページの読み込み時に非表示またはdisplay:noneデフォルトで表示されます。

この div とそのコンテンツを別の場所に追加して表示したいことはわかっていますが、元の画像は表示されないようにする必要があります (または削除できます)。

これどうやってするの？

現在追加中ですが、2か所に表示されています。

Answer 1

ディープクローン、追加、id属性の削除、表示。

​​$("div#abc")
  .clone()
  .appendTo("div#other")
  .removeAttr("id")
  .show();​​​​​​

属性を削除または変更します。id同じ要素を複数持つのidは面倒です。CSSクラスを使用する場合は、次のように使用することもできます。

.template {
  display: none;
}

​​$("div.template")
  .clone()
  .appendTo("div#other")
  .removeClass("template");​​​​​​

Answer 2

非表示のdivからHTMLを取得し、およびを使用してターゲットに追加します.html()。.append()

var html = $('div.hidden-div').html();
$('div.target-div').append(html);

ターゲットdivを表示してから古いdivを削除するには、次の手順を実行します。

$('div.target-div').show();
$('div.hidden-div').remove();

Answer 3

（あなたが言ったように）それを削除してもよい場合は、他の要素に追加してください。要素は最初から自動的に削除され、そこに表示されることはありません。

$("#abc").appendTo(place2).show();