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

  • 相关阅读:
    JavaScript中对事件简单的理解
    正则表达式 RE模块
    模块
    面向对象进阶
    元类详细解释
    四.面向对象和函数补充
    四.函数
    Python的基础知识:
    五层协议及tcp三次握手四次挥手
    nginx常见错误
  • 原文地址:https://www.cnblogs.com/snow1234/p/6802513.html
Copyright © 2011-2022 走看看