在每个表格上方打印行数

Question

我需要您的帮助和助手来查看每个打印表格顶部的行数。

我正在使用下面的代码来获取行数：

    function count()
    {

    var tables = document.getElementsByClassName("tablesorter");
    var rows;
    for (var i = 0; i < tables.length; i++) {
      rows = tables[i].rows.length-1;
      alert(rows);
      span.innerHTML = rows;
    }

目前行数显示在警报中，我希望行数显示在 html 中。我正在根据从数据库中检索到的值通过 while 循环打印表，它们具有相同的类和名称。类名是 tablesorter ，id 是 detailsid 。

我试图打印跨度中的行数，但它只打印在第一个表的上方。它首先打印 22，然后用 30 覆盖，其中 30 应该打印在第二个表上方。这是我的打印代码

<%
while (rs.next())
        {

        count=0;
        name=rs.getString("name");   

        if (!(subcategory_name1).equals(temp_subcategory_name) )
            {
            i=0;                         
%>
<span id='span'></span>
<table class="tablesorter" id="detailsTable" width="80%">
<b>
<font style="font-size: 9pt" face="Arial" color="#162650"><%=category_name1%> / <%=subcategory_name1%> </font>
</b>
           <thead>
        <tr>
            <th>No.</th>
            <th>Name</th>
        </tr>
    </thead>
<%
}
%>
        <tbody>
<tr>
            <td><%=i%></td>
            <td align=left><%=name%></td>
</tr>
</tbody>

请帮助我打印每个表格上方的行数

Answer 1

我可以看到您的代码，您首先分配了

rows = tables[i].rows.length-1;

然后使用它将行分配给跨度，因此每次更改时都会反映在所有跨度中

所以你可以直接将值 tables[i].rows.length-1; 分配给 span

无需使用变量行