很简单呀,只需要使用.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为需要的颜色值(可根据自己的需要进行修改)
效果如下图所示,每个表格都是由深色行开始,深浅交替的出现了。
使用jquery+css进行颜色控制,比如:
设置表格的奇数行css颜色样式为odd,偶数行样式为even
jquery语句:
$(document).ready(function(){
$('table tr:odd').addClass('odd');
$('table tr:odd').addClass('even');
});
//定位到奇偶行,添加样式
$("tr:odd").addClass("样式");
$("tr:even").addClass("样式");
//删除样式
$("tr:odd").removeClass("样式");
$("tr:even").removeClass("样式");
var i = 0;
$('table tr').each(function(){
if(i%2 == 0)
{
$(this).attr('class', 'duck');//