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

2025年03月24日 04:08
有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'
';
?>