将类分配给第n棵树

Question

我有几张桌子，有几张桌子。我正在为第一行分配class='alt'，为下一行class='alt-2'和第三行class='alt-3'使用jQuery来求解。如果表中有很多行，我想重复这个脚本。你知道jQuery的一些解决方案吗？谢谢

<table id="news">
    <thead>
      <tr>
        <th>Date</th>
        <th>Headline</th>
        <th id="autor">Author</th>
        <th>Topic</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th colspan="4">2011</th>
      </tr>
      <tr>
        <td>Apr 15</td>
        <td>jQuery 1.6 Beta 1 Released</td>
        <td>John Resig</td>
        <td>Releases</td>
      </tr>
      <tr>
        <td>Feb 24</td>
        <td>jQuery Conference 2011: San Francisco Bay Area</td>
        <td>Ralph Whitbeck</td>
        <td>Conferences</td>
      </tr>
      <tr>
        <td>Feb 7</td>
        <td>New Releases, Videos &amp; a Sneak Peek at the jQuery UI Grid</td>
        <td>Addy Osmani</td>
        <td>Plugins</td>
      </tr>
</table>

Answer 1

如果您想以所有的tr为目标，包括thead中的那个，则使用:nth-child

$('#news tr').addClass(function (idx) {
    var rem = idx % 3;
    return 'alt' + (rem == 0 ? '' :'-'+ (rem + 1))
})

演示：Fiddle

Answer 2

DEMO

var i = 1;
$("#news tbody tr").each(function () {
    $(this).addClass('alt-' + i);
    i++;
});

Answer 3

如果您想包含所有tr：

$('#news tr').each(function(i, z){
  $(this).addClass('alt' + (i == 0 ? '' : '-' + (i + 1)));
});

Working Example

或者如果只想在tbody中包含tr

$('#news tbody tr').each(function(i, z){
      $(this).addClass('alt' + (i == 0 ? '' : '-' + (i + 1)));
});

Working Example