JQuery实现显示数据的table隔行显示不用颜色

Question

对于显示数据的table，我想叫它一行显示白色，一行显示浅蓝色，假如用css写的文件内容为
.white {background-color:#FFFFFF;}
.blue  {background-color:#F00FFF;}
那么如何用jquery使table一行显示白色背景，一行显示浅蓝色背景呢，就向论坛的帖子显示那样的。
table的类统一为“tb_data”

Answer 1

加一个变量i
<%
   int i = 1;
%><%-- 以下是你的显示一行数据的代码--%>
<%
    if(i%2==0){
       有色
    }
    <%-- 显示你的jsp --%>
    .........
    i++;//在这里给i赋值
%>

Answer 2

这个我知道，我现在就是这样，我只是想用jquery实现对ta_table的操作，使我用的时候只引入js和写明table的类就完成该功能

Answer 3

$(document)ready(function(){
    $('tr:odd').addClass('white'); /*奇数行的背景色*/
    $('tr:even').addClass('blue'); /*偶数行的背景色*/
})

Answer 4

:odd  匹配所有索引值为奇数的元素，从 0 开始计数
:even 匹配所有索引值为偶数的元素，从 0 开始计数

Answer 5

$(document)ready(function(){ 
    $('tr:odd').addClass('white'); /*奇数行的背景色*/ 
    $('tr:even').addClass('blue'); /*偶数行的背景色*/ 
});
少写个分号

Answer 6

可以先设置该table中行有一个默认css：white
然后通过函数来处理，当行数为奇数是，它的css变为blue<script language="javascript">
$(document)ready(function(){ 
    $('tr:even').addClass('blue'); /*偶数行的背景色*/ 
}); 
</script>
<table>
  <tr style="white">
  </tr>
</table>
我觉得这样更简单一点

Answer 7

谢谢大家的支持，大家写的很简单，但是我还要设置一下标题行和分页行的颜色，所以自己又谢了一个，大家的方法很简单，但是不符合需求，还是要感谢大家！我自己用js写的，和大家分享！
/**
* 所有class为tb_data的table的行颜色交替
*/
$(document).ready(function(){

//$('.tb_data tr:odd').addClass('td_noColor'); /*奇数行的背景色*/ 
    //$('.tb_data tr:even').addClass('td_color'); /*偶数行的背景色*/ 

var tbs = $(".tb_data");
for(var i = 0; i < tbs.length; i=i+1){
var tb = tbs[i];
var rows = tb.rows;
for(var j = 0; j < rows.length; j=j+1){

if(j === 0 || j === rows.length - 1){
rows[j].className = "tr_head";
}else{
if(j % 2 === 0){
rows[j].className = "td_color";
}else{
rows[j].className = "td_noColor";
}
}

} 
}

});