如何使用 jQuery 统计表格中的列数


要使用 jQuery 统计表格中的列数,请使用 each() 函数和 attr()。你可以运行以下代码来了解如何统计表格中的列

示例

在线演示

<html>
  <head>
    <title>jQuery Example</title>
    <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      var num = 0;
      $('tr:nth-child(1) td').each(function () {
        if ($(this).attr('colspan')) {
          num += +$(this).attr('colspan');
        } else {
        num++;
      }
    });
   alert("Total Columns= "+num);
});
</script>
</head>
<body>
  <table>
  <tr>
    <td>-1st column-</td>
    <td colspan="1">-2nd column-</td>
    <td colspan="1">-3rd column-</td>
  <tr>
  </table>
</body>
</html

更新于: 20-6-2020

660 次查看次数

开启你的 职业生涯

完成课程并获得认证

开始
广告