複製某些div中的隨機內容並顯示其鏡像副本

Question

是的，該標題可能看起來很奇怪，但這是我的問題。我有div div .experiment裏面的div我有span標籤隨機改變他們的顏色。通常如果我想創建一個副本，我只需要複製標記，但是如果我在這種情況下執行此操作，div內的所有重複跨度將保持隨機，因此與原始副本不同。有沒有一種方法可以真正複製一個div？

編輯：我試圖用jQuery的.clone();推測出來，卻不得不簡而言之沒有成功，我有以下的標記：

<div id="post-1"> 
... 
<div class="eq"> 
     <span class="bar-1"></span> 
     <span class="bar-1"></span> 
     <span class="bar-1"></span> 
     <span class="bar-1"></span> 
     <span class="bar-1"></span> 

     <span class="bar-separator"></span> 

       <!-- Duplicate .bar's go here --> 
</div> 
... 
</div> 

而且下面的JavaScript：

// This is called when certain events happen 
    $(".bar").each(function(i) { 
      fluctuate($(this)); 
    }); 

    //This is a fluctuate function itself 
    function fluctuate(bar) { 
    var hgt = Math.random() * 15; 
    hgt += 1; 
    var t = hgt * 20; 
    bar.animate({ 
     height: hgt * 2, 
     top: hgt 
    }, t, function() { 
     fluctuate($(this)); 
    }); 
} 

什麼碰巧的是，class =「bar-1」的每個跨度開始隨機更改高度。我需要以某種方式完全複製所有這5個跨度條，並將它們放在跨度爲class="bar-separator"後。 難度如何準確複製與它們相關的所有隨機高度變化？此外，是否有可能以鏡像方式顯示它們，例如，原始數據中的第一個跨度是否顯示爲重複數據中的最後一個跨度？ 更難每個跨度有一個class =「bar-」和一些數值，這是取決於什麼數字在#post-[id]股利。因此，頁面上有多個條形實例，但每個組在bar-之後都有自己的編號。那麼如何才能實現完全重複的只有特定的一組酒吧？

Answer 1

是的，看看jQuery clone method。