将模板代码复制到页面中

Question

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

我想知道是否有人可以建议最好的jQuery来实现这个目标？

由于

Answer 1

我同意上面的couzzi，这些应该是动态创建的。但是，这就是我解释你的问题（简单概念）的方式：http://jsfiddle.net/5xJBN/

<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>

你可以在上面看到隐藏底部的div。我要选择它，取出内容，将其附加到带有ID的div：append，然后将颜色更改为红色（按下按钮）。

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

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