Javascript 如何以编程方式确定棋盘格模式中的棋盘格状态？

因此，我有一个

2xN

组件网格，其中

N

是产品的数量。产品的背景色应以棋盘格图案排列，例如：

每个组件都可以访问自己的网格顺序（索引），因此，从逻辑上讲，我们需要针对（白色）：

2,3,6,7,10,11

等等

---

我们如何在数学上做到这一点？

这将在CSS中使用

.grid .product{background:black}
.grid .product:nth-child(4n+2),
.grid .product:nth-child(4n+3){background:white}

在编程方面，您可以通过测试元素4的模是2还是3来测试4n+2或4n+3

因此，假设

n

是要测试的元素的索引

var mod = n % 4;
if (mod === 2 || mod === 3) {
    // handle white
} else {
    // handle black
}

---

完整示例（HTML/CSS）

.grid{
显示器：flex；
列表样式：无；
保证金：0；
填充：0；
边框：1px纯黑；
柔性包装：包装；
}
.grid.product{
颜色：白色；
背景：黑色；
宽度：50%；
填料：2米；
文本对齐：居中；
框大小：边框框；
}
.grid.product:第n个子项（4n+2），
.grid.product:第n个子项（4n+3）{
颜色：黑色；
背景：白色；
}

1
2
3
4
5
6
7
8

您说网格是2xn，每个组件都可以访问自己的索引。如果指数是偶数还是偶数，肯定会决定黑/白odd@TKoL你是认真的吗？这不是偶数/奇数。。。