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()and.append()

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

要显示目标 div 然后删除旧的，请执行以下操作：

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

Answer 3

如果可以删除它（如您所说），只需将其附加到另一个元素即可。该元素将自动从一开始就被删除，并且永远不会出现在那里。

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