javascript - 如何复制一个 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.target-div').show();
$('div.hidden-div').remove();