zoukankan      html  css  js  c++  java
  • 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.效果图如下:

  • 相关阅读:
    第五周活动进度表
    第四周学习进度条
    软件工程概论作业3
    第三周活动进度
    小学生运算程序2
    课堂作业1
    jsp登陆界面代码
    《构建之法》读书笔记04
    《构建之法》读书笔记03
    《构建之法》读书笔记02
  • 原文地址:https://www.cnblogs.com/snow1234/p/6802513.html
Copyright © 2011-2022 走看看