Javascript 重新排序div时复制div
我正在努力找出最简单的方法来重新订购我正在进行的项目中的一些div。我创建了这个简单的测试：Javascript 重新排序div时复制div,javascript,jquery,Javascript,Jquery,我正在努力找出最简单的方法来重新订购我正在进行的项目中的一些div。我创建了这个简单的测试： $（'.container>div'）。每个（函数（）{ $（“.green”）.insertBefore（“.red”）； }); div{ 高度：100px； 宽度：100px； marign:10px0； } 瑞德先生{ 背景色：红色； } 格林先生{ 背景颜色：绿色； } 我看不出问题所在。在输出中，我看到只有3个div，.green元素将始终位于.red之前，正如您所称的.insertBe
$（'.container>div'）。每个（函数（）{
$（“.green”）.insertBefore（“.red”）；
});
div{
高度：100px；
宽度：100px；
marign:10px0；
}
瑞德先生{
背景色：红色；
}
格林先生{
背景颜色：绿色；
}
我看不出问题所在。在输出中，我看到只有3个div，.green
元素将始终位于.red
之前，正如您所称的.insertBefore（）
方法。你有什么特别的问题吗？更新的链接出现此问题是因为insertAfter（）
将所选元素放在所有必需元素之后。如果后者的数量更多，则将克隆原始版本。如果要修复此问题，请使用$（.red”）.insertAfter（“.green:last”）：但是我想说问题中的代码已经以更好的方式满足了您的需求