Jquery 将模板代码复制到页面中

我希望在页面底部隐藏一些html div，并显示：none。定期复制这些div中的一个，进行一些自定义更改（例如display:block），然后将其插入DOM中的某个位置。在操作结束时，模板DIV仍应位于页面底部，保持不变

我想知道是否有人可以建议最好的jQuery来完成这个任务

---

谢谢

我同意上面库齐的观点，这些应该是动态创建的。然而，这就是我如何解释你的问题（简单的概念）：

---

隐藏的div保持不变，不可见。

您尝试了什么吗？css（）；克隆（）。追加（）。insertAfter（）用谷歌搜索“jquery copy div”怎么样？为什么div需要存在和隐藏？你能即时创建它们吗？这样，您就不会“进行自定义更改”，您只需设置参数和属性。谢谢您的想法。我希望div预先存在，因为其中一些可能相当大。所以，在我完成了HTML之后，我不想每次都用很难理解和容易出错的代码从头开始重新创建它。其中一些div也可能被插入多次。因此，创建一次DIV的工作版本，然后将其放到我想要的地方，只添加代码来进行小的更改似乎更容易。感谢您将jsFiddle放在一起。唯一的问题是#append div还不存在，所以我必须使用类似$（'

<div>You can see me!</div>

<div id="append"></div>

<input type="button" value="click me" id="btn"/>

<div id="hidden1" style="display: none;">You cant see this!</div>

$("#btn").click(function() {
var hiddenDiv = $("#hidden1").html();
$("#append").html(hiddenDiv).css("color", "red");
});