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

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

如果它是正确的，试试这个。

$('[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))
});