jquery表格隔行换色问题,如果页面有多个表格怎么单独为他们设置隔行换色

2024-11-27 10:39:39
推荐回答(4个)
回答1:

很简单呀,只需要使用.each()方法:

概述:

ObjectjQuery.each(object, [callback])通用例遍方法,可用于例遍对象和数组。

参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。

楼主要的效果,这样写就可以了:

$('table').each(function(){

$(this).find('tr:even').css("background","#ccc");

$(this).find('tr:odd').css("background","#eee");

});

其中,#ccc,#ddd为需要的颜色值(可根据自己的需要进行修改) 

效果如下图所示,每个表格都是由深色行开始,深浅交替的出现了。

回答2:

使用jquery+css进行颜色控制,比如:
设置表格的奇数行css颜色样式为odd,偶数行样式为even
jquery语句:
$(document).ready(function(){
$('table tr:odd').addClass('odd');
$('table tr:odd').addClass('even');
});

回答3:

//定位到奇偶行,添加样式
$("tr:odd").addClass("样式");
$("tr:even").addClass("样式");

//删除样式
$("tr:odd").removeClass("样式");
$("tr:even").removeClass("样式");

回答4:

var i = 0;
$('table tr').each(function(){
if(i%2 == 0)
{
$(this).attr('class', 'duck');//
}
else
{
$(this).attr('class', 'light');//
}
i++;
});