jQuery如何选择表格每行中的第三列?

思路:

  首先要选择表格中的所有行元素,然后对所有行进行遍历;对行中的子元素(即列)选择行中的第三个子元素,这样每个行中都选择第三个子元素,即选择了整个第三列。

1.实现jQuery代码:

$(function() {
  $('table tr').each(function() {
     $(this).children().eq(2).css('color', 'red');
  });
});

2.创建HTML代码:

<table>
  <tr>
      <td>As You Like It</td>
      <td>Comedy</td>
      <td></td>
  </tr>
  <tr>
      <td>All's Well that Ends Well</td>
      <td>Comedy</td>
      <td>1601</td>
  </tr>
  <tr>
      <td>Hamlet</td>
      <td>Tragedy</td>
      <td>1604</td>
  </tr>
  <tr>
      <td>Macbeth</td>
      <td>Tragedy</td>
      <td>1606</td>
  </tr>
  <tr>
      <td>Romeo and Juliet</td>
      <td>Tragedy</td>
      <td>1595</td>
  </tr>
  <tr>
      <td>Henry IV, Part I</td>
      <td>History</td>
      <td>1596</td>
  </tr>
  <tr>
      <td>Henry V</td>
      <td>History</td>
      <td>1599</td>
  </tr>
</table>

 3.效果图如下:

 

posted @ 2017-05-03 16:26  JaneBaby  阅读(2158)  评论(0编辑  收藏  举报