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/