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

您可以使用: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/

Answer 2

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

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

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

jquery＆amp; php每隔一行颜色

2 个答案: