jQuery奇偶问题答案

【问题标题】：jQuery odd even problemjQuery奇偶问题
【发布时间】：2010-09-13 13:07:47
【问题描述】：

我正在使用下面的代码将不同的背景颜色应用于奇数行和偶数行：

$('#tbl tr:odd').css('background-color', '#ECF6FC');
$('#tbl tr:even').css('background-color', '#ffffff');

但奇数行和偶数行在 FF 和 IE 中的显示方式不同，例如：

FF：

IE：

可以看出，在 FF 中，第一行是白色的，而在 IE 中，第一行是蓝色的。为什么会这样，有什么解决办法？

【问题讨论】：

我无法在 IE7/Firefox 3.6 中重现这一点。您是否检查过 Firebug 中的计算样式，因为 Firefox 显示不正确？ jsfiddle.net/x5Mrr

【解决方案1】：

试试

$('#tbl tr:nth-child(odd)').css('background-color', '#ECF6FC'); 
$('#tbl tr:nth-child(even)').css('background-color', '#ffffff');

它应该可以工作

【讨论】：

【解决方案2】：

您的标记中一定存在 jquery 存在问题的问题。您能否粘贴 html 或尝试在 jsfiddle 重新创建问题

这是一个简单的工作demo，它可以在相同的 x 浏览器上工作

奇数/偶数选择器使用相同的 x 浏览器，因此您可能有无效标记，您能否尝试在 w3c 验证它。

【讨论】：

【解决方案3】：

这很有趣，因为 JS 是零索引语言..

你可以试试

 $("#tbl tr:nth-child(even)").css("background-color", "#fff");
 $("#tbl tr:nth-child(odd)").css("background-color", "#ecf6fc");

请？

我更想看看 IE 是否同样处理它。

【讨论】：