div指定div克隆

Question

这是一个小提琴：http://jsfiddle.net/TQdrH/15/

目前，小提琴基本上设置为.each（） - 而不是.each（），我想指定重复，这是一个例子：

HTML

<div id="title">Book Title</div>
<div id="price">$20</div>
<div id="description">A book about something</div>


CSS

#title, #price, #description {display: none;}  // These would not be displayed on the page.

现在的目标是随机将div放在不同区域的页面上，并指定我想要克隆的部分和位置。例如：

HTML

<div id="duplicate-title"></div>

<div id="duplicate-price"></div>

<div id="duplicate-description"></div>

现在，基于我将上述div放在页面中的位置，原始div的数据将被克隆到标有“duplicate-”的数据，后跟原始div的名称。

我一直遇到这个问题，并希望得到任何帮助。谢谢！

Answer 1

好的，然后我们将获取所有以duplicate-开头的div，然后克隆原始

如果正确，try this。

$('[id^="duplicate-"]').each(function () {
    var $this = $(this).empty();
    var id = $this.attr('id');
    var idToCopy = id.substring(10);
    var $newDiv = $this.replaceWith($('#' + idToCopy).clone().attr('id', id))
});