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

回答

相關問題