如何防止孩子从一个元素到另一个元素的顶部

Question

（好吧，我知道这些问题可能听起来很糟糕，所以有人编辑他们是否知道如何重新表达它）。

所以，基本上我有这样的：jsFiddle

而且你可能也看到，我试图重新创建一个基本的Windows 7的Aero效果（好奇，好玩，学习等没啥大），但我偶然发现了一些问题。 （我会解释只是含糊，因为你可以看到它在小提琴和否则这将是一个textathon）

• 文本粘贴在父母的（DIV）父（DIV）元素的顶部。
• 文字莫名其妙地泄漏出重复元素（div），甚至认为它不是从原来的。

我知道这一切听起来很奇怪，但你可能最好看到它在fiddle。

谢谢。

Answer 1

我想你遇到的问题是出于此：

$(container).find('*').each(function() { 
    var e_clone = $(this).clone(false).appendTo(processor); 
    // etc etc 
}); 

通过使用*选择再运行。每次你克隆更多的标记到#processor比我想你可能已经打算。你会得到span.lol的两个副本，因为它首先克隆#box（包括所有的孩子），然后在下一个迭代中通过它自己复制span.lol。

至于文本“泄露”出来的母公司，它不发生在原......至少这是我在Chrome中看到，如果我注释掉调用glass('#container', '#processor')。