为随机加载的 div 添加样式

Question

解释我的问题有点困难，所以如果我没有说清楚，请问。

使用这个脚本，我随机加载了 6 个 div。

<script> 
$(document).ready(function(){
var divs = $("div.item").get().sort(function(){ 
return Math.round(Math.random())-0.5;
}).slice(0,6)
$(divs).show();
});
</script>

我正在使用 twitter-bootstrap，因为我想要每行 3 个 div（两行），所以我为它们分配了 .span4 类。这将自动生成两行，每行有 3 个.span4。它们需要对齐左右边距，并在每个边距之间留出一个间距。
SEE HERE

现在的问题是，通过随机加载它们，我无法让它们正确对齐。
使用 twitter-bootstrap，第一个跨度永远不会得到 margin-left，而其他所有跨度都会。
因此，如果我随机加载，例如：
第六个跨度进入第一个位置，第一个跨度进入第二个位置，然后我有对齐（边距）问题。
SEE HERE

我认为首先我需要使用 .span4 { margin-left: 0 !important;} 使所有跨度相等左右两边
SEE HERE

我已经在这种情况下苦苦挣扎了几天，想不出任何优雅的解决方案。

是否有 Javascript 解决方案可以根据加载顺序为特定跨度添加样式？
作为第一个和第五个加载的只有一个右边距
加载第二个和第五个以具有左右边距的那些
加载为第三和第六的只有左边距

Answer 1

<script> 
$(document).ready(function(){
var divs = $("div.item").get().sort(function(){ 
return Math.round(Math.random())-0.5;
}).slice(0,6)

$(divs).each(function( index ) {
  if(index==0 || index==3)
      $(this).css("margin-left", "0px");
  else
      $(this).css("margin-left", "10px"); //or whatever left value you need
});

$(divs).show();
});
</script>

这应该可以，但是如果 divs 是一种奇怪的数组，并且碰巧不是，您可以将代码更改为此。

<script> 
$(document).ready(function(){
var divs = $("div.item").get().sort(function(){ 
return Math.round(Math.random())-0.5;
}).slice(0,6)

var i=0;
for(i=0; i<6; i++){
  if(i==0 || i==3)
      $(divs[i]).css("margin-left", "0px");
  else
      $(divs[i]).css("margin-left", "10px"); //or whatever left value you need
}

$(divs).show();
});
</script>

Answer 2

感谢亚历克斯，我能够简化问题和问题，所以现在您有两个非常有效的答案>> HERE <<
感谢大家的贡献！