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

非侵入实现，控制更方便

效果图：

 

javascript practice

table{width:300px;}

caption{background:#DCA;}

th{background:#FCA;width:50%;}

td{text-align:center;}

$(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