Javascript 将一组八个元素的样式设置为第n个类型？

我想设计一组div，这样每八个元素都有相同的左定位。所以不是每个Eights元素，而是一组八个元素。 我已经用css/jquery尝试过了，但它只为每八个元素设置样式，这是错误的

var cells = $('.board-cells'),
        cellUnit = 70,
        startPos = -35;

    var left;
    for(j=0; j<8; j++){
      left = startPos+(cellUnit*j+1) + 'px';
    }
    for(i=0; i<cells.length; i+=8){
      var cellItem = $('.board-cells:nth-of-type('+i+'n+0)');
      cellItem.css('left', left);
    }

var cells=$（'.board cells'），
cellUnit=70，
startPos=-35；
左var；
对于（j=0；j这应该可以解决您的问题：

var cellUnit = 70;
var startPos = -35;

$('.board-cells').each(function (i, el) {
    $(el).css('left', startPos + cellUnit * (i % 8) + 1 + 'px');
});

这将解决您的问题：

var cellUnit = 70;
var startPos = -35;

$('.board-cells').each(function (i, el) {
    $(el).css('left', startPos + cellUnit * (i % 8) + 1 + 'px');
});

如果您试图制作网格，您可以创建一个固定宽度的外部div，然后其中的每个磁贴可以具有固定宽度，约为外部div宽度的1/7，并具有float:left样式

如果你算对了，那么每第八个div就会自动转到下一行

在这里阅读有关浮动分割（和清除浮动！）的完整餐点交易
如果您试图制作一个网格，您可以创建一个固定宽度的外部分割，然后其中的每个瓷砖都可以有一个固定宽度，约为外部分割宽度的1/7，并具有浮动：左样式

如果你算对了，那么每第八个div就会自动转到下一行

阅读这里的浮动div（和清除浮动！）了解完整的膳食交易
这个怎么样，没有脚本，只有CSS


html，正文{
保证金：0；
}
.集装箱{
显示器：flex；
柔性包装：包装；
}
.container.img{
高度：70像素；
宽度：计算值（100%/8）；
背景：红色；
边框：2倍纯白；
框大小：边框框；
}
.container.img:n个类型（8n+1）：之后{
内容：“1”；
}
.container.img:n个类型（8n+2）：之后{
内容：“2”；
}
.container.img:n个类型（8n+3）：之后{
内容：“3”；
}
.container.img:n个类型（8n+4）：之后{
内容：“4”；
}
.container.img:n个类型（8n+5）：之后{
内容：“5”；
}
.container.img:n个类型（8n+6）：之后{
内容：“6”；
}
.container.img:n个类型（8n+7）：之后{
内容：“7”；
}
.container.img:n个类型（8n+8）：之后{
内容:"8";；
}
这个怎么样，没有脚本，只有CSS


html，正文{
保证金：0；
}
.集装箱{
显示器：flex；
柔性包装：包装；
}
.container.img{
高度：70像素；
宽度：计算值（100%/8）；
背景：红色；
边框：2倍纯白；
框大小：边框框；
}
.container.img:n个类型（8n+1）：之后{
内容：“1”；
}
.container.img:n个类型（8n+2）：之后{
内容：“2”；
}
.container.img:n个类型（8n+3）：之后{
内容：“3”；
}
.container.img:n个类型（8n+4）：之后{
内容：“4”；
}
.container.img:n个类型（8n+5）：之后{
内容：“5”；
}
.container.img:n个类型（8n+6）：之后{
内容：“6”；
}
.container.img:n个类型（8n+7）：之后{
内容：“7”；
}
.container.img:n个类型（8n+8）：之后{
内容:"8";；
}

好奇你想做什么。所有div的宽度都一样吗？你能显示你的HTML标记吗？可能有一种纯CSS的方法可以做到这一点……我正在尝试创建一个游戏板布局……我的div的顶部位置正确，但我正在为8人组的左侧位置挣扎。我想要-34px 36px 106px 176px 246px 316px 386px 456px将成为每组8个分区的左侧位置我也发布了一个唯一的CSS答案。在这种情况下，J的似乎有些过分了…好奇你想做什么。所有分区都是相同的宽度吗？你能显示你的HTML标记吗？可能有一个纯CSS的方法来做这件事…我正在尝试创建一个游戏板布局…我得到了右上方的位置我想-34px 36px 106px 176px 246px 316px 386px 456px是每组8个div的左边位置。我也给出了一个唯一的CSS答案。在这种情况下，J看起来有点过分了……这给了每8个div u一个左边位置525 1085 1645 2205 2765 3325 3885 4445nforthantely你希望结果是什么？@xxx12123你希望得到什么左位置？我想得到左位置-34px 36px 106px 176px 246px 316px 386px 456px，我得到的是eightOk的每个div组。我编辑了我的答案并添加了一个演示链接。希望它能帮助你。这将左位置525 1085 1645 2205 2765 3325 3885 4445提供给你不幸的是，每个第八分区你希望结果是什么？@xxx12123你希望得到什么左边的位置？我想得到左边的位置-34px 36px 106px 176px 246px 316px 386px 456px每个分区组的eightOk我得到了它。我编辑了我的答案并添加了一个演示链接。希望它能对你有所帮助。