代码之家  ›  专栏  ›  技术社区  ›  Anthony

jquery选择除最后一个元素外的所有元素

  •  34
  • Anthony  · 技术社区  · 16 年前

    <table>
       <tr>
          <td>one</td><td>two</td><td>three</td><td>last</td>
       </tr>
       <tr>
          <td>blue</td><td>red</td><td>green</td><td>last</td>
       </tr>
       <tr>
          <td>Monday</td><td>Tuesday</td><td>Wednesday</td><td>last</td>
       </tr>
    </table>
    

    td

    $("tr td:not(:last)").css("background-color","red");
      //changing color just as a test...
    

    但是,除了每一行的最后一个单元格外,所有单元格都被选中,而不是表格中最后一个单元格。同样,如果我把它改成:

    $("tr td:last").css("background-color","red");
    

    唯一改变的是最后一个细胞。如何选择每行的最后一个(或不是最后一个)?

    2 回复  |  直到 16 年前
        1
  •  59
  •   Nick Craver    16 年前

    使用此选项:

    $('tr td:not(:last-child)').css('background-color', 'red');
    

    <td> <tr>

        2
  •  16
  •   Alex Bagnolini    16 年前
    $('tr').find('td:not(:last)').css('background-color', 'red');
    

    转换为:对于中的每个元素 $('tr') find() 对所有人 td 不是最后一个。
    新结果是关于 现在你可以申请了 .css() 如你所愿。