jquery - 获取类(class)下的最后一个tr

Question

如何获得类group之后的最后一个tr，如下所示

<table id="compareTable">
  <tr class="group"><td>a</td></tr>
  <tr><td>b</td></tr>
  <tr><td>c</td></tr>
  <tr><td>One</td></tr> <!--Get this one-->
  <tr class="group"><td>a</td></tr>
  <tr><td>b</td></tr>
  <tr><td>c</td></tr>
  <tr><td>two</td></tr> <!--Get this two-->
</table>

Answer 1

<强> Working Fiddle 。

可以使用 nextUntil 来完成，例如:

$('#compareTable tr.group').each(function(){
  $(this).nextUntil( "tr.group", "tr" ).last().css( "font-weight", "bold" );
});

$('#compareTable tr.group').each(function(){
  $(this).nextUntil( "tr.group", "tr" ).last().css( "font-weight", "bold" );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="compareTable">
  <tr class="group">
    <td>a</td>
  </tr>
  <tr>
    <td>b</td>
  </tr>
  <tr>
    <td>c</td>
  </tr>
  <tr>
    <td>One</td>
  </tr>
  <!--Get this one-->
  <tr class="group">
    <td>a</td>
  </tr>
  <tr>
    <td>b</td>
  </tr>
  <tr>
    <td>c</td>
  </tr>
  <tr>
    <td>two</td>
  </tr>
  <!--Get this two-->
</table>