jquery & php 每隔一行上色

Question

我想把我桌子上的其他颜色都涂上。 我已经考虑过一些 jquery，但我不知道什么是最佳实践。我希望有人可以帮助我。

<table border="0" width="100%" cellpadding="0" cellspacing="0">
    <tr>
        <td><i>Overskrift</i></td>
        <td><i>Antal svar</i></td>
        <td><i>Sidste svar af</i></td>
        <td><i>Dato</i></td>
    </tr>
<?php foreach ($activeQuery as $activeThread): ?>
    <tr>
        <td><a href="<?php echo base_url(); ?>forum/post/<?php echo $activeThread->traadID; ?>">
        <?php echo $activeThread->traadOverskrift; ?></td>
        <td><?php ?></td>
        <td><?php echo $activeThread->kommentareBrugernavn; ?></td>
        <td><abbr class="timeago" title="<?php echo $activeThread->kommentareDato; ?>">
        <?php echo $activeThread->kommentareDato; ?></abbr></td>
    </tr>
<?php endforeach ?>
</table>

Answer 1

对于这种情况，nth-child() 选择器可能是更好的选择

$("tr:nth-child(even)").css("backgroundColor", "#bbbbff");

http://api.jquery.com/nth-child-selector/

Answer 2

您可以使用:even 和/或:odd 选择器

$("tr:gt(0):even td").css("background-color", "#bbbbff");

或

$("tr:gt(0):odd td").css("background-color", "#bbbbff");

文档：

http://api.jquery.com/gt-selector/

http://api.jquery.com/even-selector/

http://api.jquery.com/odd-selector/