我如何为PHP代码生成的奇数行和偶数行使用Jquery选择器?

时间:2012-04-28 03:36:55

标签: php jquery css

所以基本上我想对用户的评论进行着色,使其看起来清晰而独立。 评论来自数据库,php代码将在HTML页面中生成评论。我也在使用CSS和Jquery。我试过但是我的代码不起作用,不知道吗?

HTML / PHP:

    <? 
for($i=0;$i<mysql_num_rows($comment);++$i)
{
$row = mysql_fetch_array($comment);
?>  
        <div class = "comment">
        <p> <? echo $row['c_content']; ?>  by <? echo $row['c_name']; ?> </p>
        </div>
        <?}?>

CSS:

.comment
{
    background-color:#fff;     
}

.alt
{
    background-color:#ccc;
}

Jquery的:

$(document).ready(function(){
$(".comment:odd").addClass('alt');
});

所以你可以看到,我希望“奇数”评论类有颜色#CCC,甚至有#FFF ......请帮助

1 个答案:

答案 0 :(得分:2)

这里不需要使用jQuery。使用CSS:

.comment:nth-child(even) {
    background-color: #fff;
}

.comment:nth-child(odd) {
    background-color: #ccc;
}

无关,但值得注意的是,除非您同时使用关联键和数字键来访问您的mysql结果,否则您应养成使用mysql_fetch_assoc()代替mysql_fetch_array()的习惯,否则您总是使用两倍的内存。