php - 偶数/奇数来确定 CSS 类

Question

我已经阅读了很多有关确定偶数/奇数并使用它来更改div的类的信息。

在我的例子中，我想在每条新消息发布时切换名为 MessagePicture 和 MessageText 的 div 的位置。

1. 左边是图片，右边是文字
2. 图片在右，文字在左
3. 左边是图片，右边是文字
4. 等等。

这是我用来显示消息的代码，我还包括了我为使偶数/奇数代码起作用而进行的尝试之一。

谁能告诉我应该更改什么才能使其正常工作？

    <?PHP

    $Query =
    "
            SELECT
                ID,
                NameBox,
            MessageBox,
            Code
        FROM
            messages
            ORDER BY
                ID
            DESC LIMIT 10
    ";

    $Result = mysql_query($Query);

        if(!$Result)
            {
            echo 'ERROR: '.mysql_error();
            }

        else
            {
            if(mysql_num_rows($Result) == 0)
                {
                    echo 'No results';
                }

                else
                    {
                    $i = 0;
                $class = (++$i % 2) ? 'even' : 'odd';
                    while
                    ($Row = mysql_fetch_assoc($Result))

                        echo '

<div id="MessageWrapper">
    <div id="MessagePicture" class="'.$class.'">                                                                                
        <style>                                             
        #MessagePicture { 
        background-image: url(../../../Images/'.stripslashes($Row['Code']).'.png);  
        background-repeat: no-repeat; 
        background-position: center
        </style>
        </div>

    <div id="MessageText" class="'.$class.'">

        <div id="MessageTitle">

            <h1>'.$Row['NameBox'].'</h1>

        </div>

        <div id="MessageContent">                                                   
            <p>'.nl2br($Row['MessageBox']).'</p>
        </div>

    </div>

</div>  

';}}}?>

Answer 1

您的 $i 始终保持为 0。在 while 循环中添加 $i++ 以增加它。

你可以一行完成:

$class = ($i++ % 2 == 0) ? 'even' : 'odd';

完整示例:

$i = 0;
while ($Row = mysql_fetch_assoc($Result)) {
  $class = ($i++ % 2 == 0) ? 'even' : 'odd';
  //echo ...
}