Javascript 如何在从数据库检索的html中显示不同的颜色?

Javascript 如何在从数据库检索的html中显示不同的颜色?,javascript,php,html,css,Javascript,Php,Html,Css,我在mysql数据库中有15行或更多行。我想检索它们并以两种不同的颜色显示 对于第一行… 对于第二行… 对于第三行… 对于第四行… 等等 如何使用php按这样的顺序显示它们您可以使用CSS选择器: tr:nth-child(even) { background: #F5F5F5; } tr:nth-child(odd) { background: #FFF; } 样本: 首先需要在php脚本中从数据库中获取行,然后在php中可以循环这些行并应用奇数或偶数类,我使用php数组制作

我在mysql数据库中有15行或更多行。我想检索它们并以两种不同的颜色显示

对于第一行

对于第二行

对于第三行

对于第四行

等等


如何使用php按这样的顺序显示它们您可以使用CSS选择器:

tr:nth-child(even) {
    background: #F5F5F5;
}
tr:nth-child(odd) {
    background: #FFF;
}
样本:

首先需要在php脚本中从数据库中获取行,然后在php中可以循环这些行并应用奇数或偶数类,我使用php数组制作了一个示例脚本。在您的情况下,$items将包含从DB获取的行

$items = array("abc", "123", "def", "345", 'wer'); 
foreach($items as $key => $val) {
    if($key == 0 ) {
        $class = 'odd';
    }
    elseif($key%2 == 0) {
        $class = 'odd';     
    }
    else {
        $class = 'even';    
    }

    echo $class . " $val" ."<br/>";
}
$items=数组(“abc”、“123”、“def”、“345”、“wer”);
foreach($key=>$val的项目){
如果($key==0){
$class='奇数';
}
elseif($key%2==0){
$class='奇数';
}
否则{
$class=‘偶数’;
}
echo$class.“$val”。
; }

如果有帮助,请告诉我。

什么样的数据库?mysql数据库。我正在使用XAMPO它是如何工作的?我还有更多的桌子用于另一个目的。@Shrestha先生,请看这个