使用jQuery替换行颜色/斑马条纹

Posted 2021-02-26

// jQuery
$(function(){
  $("tr.stripe:even").css("background-color", "#D0D0D0");
  $("tr.stripe:odd").css("background-color", "#E5E5E5");
}
 
 
// html
<table>
   <tr class="stripe">
     <td>Col 1</td>
     <td>Col 2</td>
     <td>Col 3</td>
   </tr>
   <tr class="stripe">
     <td>Col 1</td>
     <td>Col 2</td>
     <td>Col 3</td>
   </tr>
   <tr class="stripe">
     <td>Col 1</td>
     <td>Col 2</td>
     <td>Col 3</td>
   </tr>
</table>