jQuery 的 :first 和 :last 在元素的第一个子元素上

我有一些简单的表（多个，全部带有 class="parent"），其中有多个<tr> 行。这<td>这些行中的单元格有自己的表格。我正在尝试瞄准<tr>的行first（父）表，如下所示：

HTML:

<table class="parent"> 
  <tr> <-- match with :first 
    <td> 
      <table> 
        <tr><td></td></tr> 
        <tr><td></td></tr> 
      </table> 
    </td> 
  </tr> 
  <tr> <-- match with :last 
    <td> 
      <table> <-- so ignore this child ..
        <tr><td></td></tr> 
        <tr><td></td></tr> <-- .. and do NOT match this <tr> with :last 
      </table> 
    </td> 
  </tr> 
</table>

jQuery:

$('table.parent').each(function() { 
  $(this).find('tr:first').dostuff(); 
  $(this).find('tr:last').dostuff(); 
});

The :first <tr>工作正常，因为那总是<tr>父母的。但是当我尝试选择:last <tr>，它将匹配最后一个<tr>嵌套表的，而不是最后一个<tr>父表的。我怎样才能告诉 jQuery 只看<tr>位于父表中，并且不在可能的子表中进一步搜索？

我建议稍微修改您的选择器，以确保它可以在附加了<tbody>到表（例如 Firefox 和 Chrome）：

//tested
$('table.parent > tbody').each(function() {
   $(this).children('tr:first').text('hello').css('background-color', 'red');
   $(this).children('tr:last').text('hello').css('background-color', 'red');
});