使用jQuery的棋盘的替代黑白颜色

Question

是否可以使用仅包含div元素的jQuery（没有嵌套的元素）并且不使用id's or class names为棋盘创建备用黑白颜色？

我在jsfiddle

中创建了一个示例示例

Answer 1

不需要更改您的HTML。

$('#mainChessBoard div').each(function(index){
    $(this).css('background-color', (parseInt(index / 8) + index) % 2 == 0 ? 'grey' : '#CCCCCC');
});​

http://jsfiddle.net/W7p5F/24/

Answer 2

如果你想使用jQuery，在每个H列之后添加一个空白（width：0）div来反转新行的奇偶校验。

---

更新：我的意思是this。

Answer 3

我必须稍微改变你的HTML和CSS，但我猜这是你想要的。它完成了：jQuery中的奇数和偶数选择器

http://jsfiddle.net/U8kZe/

我已经在另一个div中包裹了8个方块的行来实现这个目标。

Answer 4

你当前的JSfiddle示例很好（使用：odd和：even选择器）。但是，我实际上建议在这个特定的UI中使用表（而不是DIV）。然后，您可以轻松地将行选择器与TD（表数据单元格）选择器组合成替代颜色。