javascript - 如何使用javascript设置备用行背景颜色

Question

我是 ASP.Net 的新手。我想使用 javascript 设置 HTML 表格交替行背景颜色。我该如何开始呢。如果我这样做，

<tr  id="230552" onClick="HighLightTR(230552);"><td>My Text Here</td></tr>  


   function HighLightTR (grpid) {  
   document.getElementById(grpid).style.background = '#3875D7';         
}  

它仅适用于那个 perticuler 行。我想为交替行应用两种颜色。

Answer 1

你可以这样做

var rowCount=0;
$('#tbl tr').each(function () {  

 if(rowCount%2==0){
  //document.getElementById(grpid).style.background = '#3875D7';  
  $(this).css(background,'#3875D7');       
 }else
 {
 //document.getElementById(grpid).style.background = '#3875D9';  
 $(this).css(background,'#3875D9');              
 }
 rowCount++;

});  

已编辑： 代码已转换为纯 jQuery 标准

快乐的编码:)