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



我是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';         
}  

它将只适用于那个棘手的行。我想为交替的行应用两种颜色。

你可以这样做

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标准

快乐编码:)

最新更新