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

时间:2013-07-23 09:45:53

标签: javascript background-color alternate

我是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行。我想为备用行应用两种颜色。

1 个答案:

答案 0 :(得分:2)

你可以这样做

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

快乐编码:)