jquery实现表格奇数偶数行不同样式(有图为证及实现代码)_jquery

来源：微智科技网

非侵入实现，控制更方便
效果图：

代码如下:

javascript practice

$(document).ready(function(){
odd= {"background":"#EDA","color":"#3F5"};//奇数样式
even={"background":"#2DA","color":"#875"};//偶数样式
odd_even("#table_test",odd,even);
});
function odd_even(id,odd,even){
$(id).find("tr").each(function(index,element){
if(index%2==1)
$(this).css(odd);
else
$(this).css(even);
});
}

显示全文

标题
name	age
A	B
张	李
A	B
张	李
A	B
张	李
张	李
A	B

全部频道

jquery实现表格奇数偶数行不同样式(有图为证及实现代码)_jquery