1

我正在尝试实现奇偶和蓝色主题来复制演示。

我有一切工作：

  • jquery.latest.js
  • jquery.tablesorter.js
  • 蓝色主题

唯一不起作用的是每行的奇数和偶数颜色。这是我的 。

<head>
<script type="text/javascript" src="jquery-latest.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.js">
 </script> 
<link rel="stylesheet" href="style.css" type="text/css" media="print, projection, screen" />

<script type="text/javascript">
$("#myTable").tablesorter({widgets: ['zebra']});

    </script>
</head>

我对标题类进行了硬编码header，但我尝试编写一个函数来将类设置为奇数和偶数，但是当我对表格进行排序时，行混乱了。示例：3 亮 1 暗 4 亮 2 暗

我猜它与zebra，我尝试搜索 SO 和文档，但我发现是空的。

4

1 回答 1

2

不再需要对课程进行此操作。只需使用 CSS！

#myTable tr {
  background: red;
}

#myTable tr:nth-child(odd) {
  background: blue;
}

IE9+ 和其他主流浏览器都支持此功能：http: //caniuse.com/#search=nth-child

于 2013-06-05T20:24:39.060 回答