Question

我有一个PHP循环，显示我网站上特定帖子的数据。我想要做的是为返回的行数动态分配任一和偶数/奇数CSS类。例如，

first row returned - odd class
second row returned - even class
third row - odd class

这将允许我分配不同的背景颜色，以使数据在视觉上分开。

我应该澄清 - 这些数据没有在表格中返回。

 while ($row = mysql_fetch_assoc($result)) {

    echo "
    <div class=\"songContainer\" id=\"" . $row['trackid'] . "\">

Answer 1

根据您必须定位的浏览器，您可以使用CSS执行此操作：

.mytable tr:nth-child(even) { background-color: #FFF; }
.mytable tr:nth-child(odd) { background-color: #EEE; }

你甚至可以用这个伪类做更复杂的事情：http://www.quirksmode.org/css/nthchild.html

如果你真的需要PHP，请使用模数：

$i = 0;
foreach ($arr as $val) {
    if (0 == $i % 2) {
        // even
    }
    else {
        // odd
    }
    $i++;
}

Answer 2

这样的CSS3支持nth-child类。

table tr:nth-child(even) td{

}

table tr:nth-child(odd) td{

}

但如果您也支持旧版本，那么您别无选择，只能通过PHP生成类名。

Answer 3

使用这个jQuery：

$("tr:nth-child(2n)").addClass("even")
  .prev().addClass("odd");

它选择每隔一个tr元素并为其添加一个偶数类。然后它选择前一个tr元素并为其添加一个奇数类。

Example

Answer 4

$num_rows = 0;
$current_class = "";
while ($row = mysql_fetch_array($result)){
    $current_class = "class_odd";
    if($num_rows % 2 == 0){
        $current_class = "class_even";
    }

    $num_rows++;
}

Answer 5

使用php时，您可以使用它代替Pascal建议的模数：

    $i = 0;
    foreach ($arr as $val) {
        if ( $i = 1 - $i ) {
            // even
        }
        else {
            // odd
        }
    }

PHP while循环，返回偶数/奇数行

5 个答案: