如何使用jQuery实现隔行变色效果

2025-03-24 04:08:49
推荐回答(2个)
回答1:

jQuery 选择器中,:even可以选择偶数行

示例如下

$("ul li").css("background","blue");
$("ul li:even").css("background","red");

回答2:

控制表格行变色




x行y列的表格




//自定义行和列的数值
$row=5;
$col=10;
echo'';
//生成表格标题行
echo'';
for($i=1;$i<=$col;++$i){
echo'';
}
echo'';
for($i=1;$i<=$row;++$i){
//控制表格的行
echo'';
$color=($i%2==0)?
'gray':'white';
echo'';

for($j=1;$j<=$col;++$j){ //控制表格的列
echo'';
}
echo'';
}
echo'
';
?>