如何使用jQuery向数据表行添加4种css或4种不同的背景颜色？

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<table>
  <tr class="row1">
    <td>Row 1</td>
  </tr>
  <tr class="row2">
    <td>Row 2</td>
  </tr>
  <tr class="row3">
    <td>Row 3</td>
  </tr>
  <tr class="row4">
    <td>Row 4</td>
  </tr>
</table>

$(document).ready(function() {
  $('.row1').css('background-color', 'red');
  $('.row2').css('background-color', 'blue');
  $('.row3').css('background-color', 'green');
  $('.row4').css('background-color', 'yellow');
});