非侵入实现,控制更方便
效果图:
代码如下:
javascript practice script>
$(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);
});
}
script>
标题
name |
age |
A |
B |
张 |
李 |
A |
B |
张 |
李 |
A |
B |
张 |
李 |
张 |
李 |
A |
B |