jquery - 使用 jQuery 为棋盘交替黑白颜色

Question

div是否可以使用仅带有元素（没有嵌套元素）的jQuery 为棋盘创建交替的黑白颜色，也可以不使用id 或类名？

我在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，以反转新行的奇偶校验。

---

更新：我的意思是这样的。

Answer 3

我不得不稍微更改您的 HTML 和 CSS，但我猜这就是您想要的。它是用 jQuery 中的 :odd 和 :even 选择器完成的

http://jsfiddle.net/U8kZe/

我已经将你的 8 个正方形行包裹在另一个 div 中来实现这一点。

Answer 4

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