复制某些div中的随机内容，并显示其镜像副本

Question

是的，这个标题可能看起来很奇怪，但这是我的问题。我有一个 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] div 中的数字的数值。所以一个页面上有几个bar实例，但是每个组在bar-之后都有自己的编号。那么如何实现只对特定的一组bar的完全复制呢？

Answer 1

是的，看看jQuery clone method。