获取table的行数

时间:2022-05-10 02:21:50

  对于可扩展行的表格,有时需要不断的添加新行。注意的是,在IDE中编写table的时候,我们常常忽略tbody标签:

<table style="width: 100%;">
    <tr>
        <td>
            &nbsp;
        </td>
        <td>
            &nbsp;
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td>
            &nbsp;
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td>
            &nbsp;
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
</table>

  下面是浏览器对于上面表格的实际解释:

获取table的行数

  所以,我们获取tr数量的时候,不要忽略tbody

var i = $("#TableId>tbody").children("tr").length;

$("#TableId").append("<td></td>");