如何复制div及其内容，并将其附加到其他地方，但保持原始隐藏

Question

我有一个div元素，如：

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

默认情况下，它在页面加载时隐藏或display:none。

我知道要将此div及其内容附加到其他地方，并使其可见，但原始内容应保持不可见（或者我可以将其删除）。

我该怎么做？

我目前正在追加它，但它出现在2个地方。

Answer 1

从隐藏的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 2

深度克隆，追加，删除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 3

如果可以删除它（正如您所说），只需将其附加到另一个元素即可。该元素将自动从第一个位置删除，并且永远不会显示在那里。

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