Javascript 帮助为可排序表中的备用行着色

我正在使用jQuery插件。我对jQuery比较陌生，需要jQuery忍者的帮助

我的表有颜色可选行。我使用CSS nth-child（）来交替行

table.tablesorter tbody tr:nth-child(odd) td {
    background-color:#FBFBFB;
}

它在Chrome和Firefox中运行良好，但IE不喜欢它。IE不支持第N个孩子

我试图在页面加载时用JavaScript控制颜色的交替

$(document).ready(function() {
  $('#packageTbl').tablesorter();
  $('table.tablesorter tbody tr:nth-child(odd) td').css('background-color', '#FBFBFB');
  $('table.tablesorter tbody tr:nth-child(even) td').css('background-color', '#DDD');
});

当页面最初加载时，它可以正常工作，但当我单击列进行排序时，我的颜色替代行不再交替。我可能有两排白色的，然后是三排灰色的

你能推荐任何能帮助我的解决方案吗。

JavaScript:

$('.tablesorter tr:nth-child(odd)').addClass('odd');

CSS:

.

JavaScript：

$('.tablesorter tr:nth-child(odd)').addClass('odd');

CSS:

---

.

Tablesorter有一个内置的功能，可以为行添加“斑马”条纹，它还可以在排序后自动更新条纹。按如下方式使用：

CSS

剧本

$('#packageTbl').tablesorter({
   widgets: ['zebra'],
   widgetZebra: {css: ["NormRow","AltRow"]} // css classes to apply to rows
});

---

---

更新：事实上，tablesorter使用的默认CSS是“奇数”和“偶数”，因此如果您愿意，可以将CSS名称更改为该名称。

tablesorter有一个内置的函数来“zebra”对行进行条带化，它还可以在排序后自动更新条带化。按如下方式使用：

CSS

剧本

$('#packageTbl').tablesorter({
   widgets: ['zebra'],
   widgetZebra: {css: ["NormRow","AltRow"]} // css classes to apply to rows
});

---

---

更新：实际上，tablesorter使用的默认CSS是“奇数”和“偶数”，因此如果您愿意，可以将CSS名称更改为“奇数”。

停止支持IE是最好的选择；）@mazzzzz我希望我有这个选择。停止支持IE是最好的选择；）@mazzzzz我希望我有这个选择。这基本上和我想做的一样。我会遇到完全相同的问题。@Vadim:在IE7中对我有效，你需要走多远？基本上和我想做的一样。我也会遇到同样的问题。@Vadim:在IE7中对我有效，你需要走多远？