Javascript 如何在从数据库检索的html中显示不同的颜色?
我在mysql数据库中有15行或更多行。我想检索它们并以两种不同的颜色显示 对于第一行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数组制作
…
对于第二行
…
对于第三行
…
对于第四行
…
等等
如何使用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先生,请看这个