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

Question

比如颜色顺序为第一行是深色，第二行浅色；怎样才能让第二个表不受第一个表格行数的影响，第三个表格不受前面两个表格的影响也是第一行是深色，第二行浅色？以此类推。

Answer 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为需要的颜色值（可根据自己的需要进行修改） 

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

Answer 2

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

Answer 3

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

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

Answer 4

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