jquery - 将模板代码复制到页面中

Question

我想将一些html DIV 隐藏在我的页面底部，并带有display:none。我想定期复制这些 DIV 之一，进行一些自定义更改 (display: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>

上面可以看到底部的d​​iv是隐藏的。我将选择它，取出内容，将其附加到具有 ID: 附加的 div，然后将颜色更改为红色（单击按钮）。

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

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