div来指定的div克隆

这里是一个小提琴：http://jsfiddle.net/TQdrH/15/div来指定的div克隆

目前是小提琴设置基本上做。每个（） - 相反。每次（日），我想指定重复，这里是一个例子：

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的数据将被复制到标有“式两份”，再加上原有的名称的那些DIV。

我一直有这个问题，并会感谢任何帮助。谢谢！

来源

2013-01-17 Josh

这是什么问题？它似乎正在工作 –

它在一个.each - 如果你删除重复的div，它仍然会将它们添加到“真实内容”。我想要复制的div将散布在页面的周围，这个当前的小提琴不适用于此。 – Josh

所以你只想克隆那些添加到“真实内容”div的div。即如果'duplicate-item3'没有添加到'real-content'，那么你不想克隆它。我对么？ –

好吧，那么我们将获取所有div的，其ID与duplicate-开始，然后克隆原来的

如果它是正确的，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)) 
});

来源

2013-01-17 03:38:17

排序，这里是唯一的问题：http://jsfiddle.net/TQdrH/17/ - 让我们说，而不是“＃real-content div”它只是在“身体”内 - 需要能够显示其他内容也是如此。 – Josh

所以我认为我们可以寻找id为'duplicate-'开头的元素就够了吗？ –

更新，现在试试 –

div来指定的div克隆

回答

相关问题