CODEWITHSUNDEEP
phpforeachcolorshtml-tablerow
ole
ole

Reputation: 19

jquery & php color every other row

I want to make every other colored on my table here. I have think about some jquery but I don't know what is best practice.. I hope some one can help me.

<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>

Upvotes: 1

Views: 1337

Answers (2)

Thizzer
Thizzer

Reputation: 16653

You can use the :even and/or :odd selector

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

or 

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

Documentation:

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

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

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

Upvotes: 1

Jose Rui Santos
Jose Rui Santos

Reputation: 15319

Maybe the nth-child() selector is a better choice for this case

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

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

Upvotes: 1

Related Questions