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.效果图如下:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM