桌子的奇数和偶数行

我有一个表从MYSQL数据库中获取它的行

对于奇数行和偶数行，我有2个名为“A”和“B”的css类

我目前通过用

<tr class=''>替换

来完成这项工作<tr class=''> <tr class=''>我在我的数据库表中有一个列“行”，我在A或B中为偶数行或奇数行添加…问题是如果我想删除或在其中一个之间添加新行我将拥有改变另一方的所有A和B.

我在javascript或jquery中有很多方法可以看到另一个问题，但对于一个普通的TR表，这不是我的情况……（尝试了一些这些脚本但无法修复它）

所以我想要一个更简单的方法去做偶数和奇数行，谢谢！

Answer 1

您可以像这样轻松地使用jQuery添加这些类

 $(function(){ $('#table1 tr:odd').addClass('A'); // for even $('#table1 tr:even').addClass('B'); }); 

Answer 2

一劳永逸地以CSS方式（没有内联类）：

在CSS中 ：

 #table1 tr:nth-child(odd) td { background-color:#ebebeb } #table1 tr:nth-child(even) td { background-color:#0000ff } 

在您的HTML中 ：

这就是它，无论你的表行是否被删除。

Answer 3

你为什么不在while循环中使用modulo？ 这比将您的类存储在数据库中更好…：

  $i = 0; while($row = mysql_fetch_array($rs)) { // Write the value of the column FirstName (which is now in the array $row) ?>  " >         

Answer 4

   ...   

Answer 5

有很多方法可以做到这一点，PHP，Javascript甚至纯CSS。 这是将类添加到每个其他行的PHP方法：

 while($row = mysql_fetch_blahblah()) { $i = 0; ?>  ....   

基本上模数运算符返回其中任意一侧的nubmers的剩余部分，所以例如3 % 2 == 1 4 % 2 == 0 0,5 5 % 2 == 1 ，所以我们可以判断$i是奇数还是偶数和替换添加到

。

恕我直言，你想要这样做100％保证它将工作（没有浏览器依赖）或如果你为现代浏览器设计你的应用程序去CSS路线。