如何利用 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

更新于:2020 年 6 月 20 日

660 次浏览

开启你的职业生涯

通过完成学习课程获得认证

开始
广告