Question

我需要你的助手让html中每个打印表的总行数显示在它的顶部。

我在html中有多个表，他们的id是唯一的“detailsTable”。每个表都有不同的行数。我搜索一个脚本来打印总行数，我找到了下面的脚本：

function count()
{
var rows = document.getElementById("detailsTable").getElementsByTagName("tr").length;
alert(rows); 
}

在身体标签中，我放置了：

<body onload="count()">

当我运行页面时，它显示第一个表的警报，它有22条记录，脚本忽略下面的表。

那么，请你帮我修改上面的代码并显示其他表的警告。

Answer 1

每个html元素的id都应该是唯一的。

您可以改用class，然后使用：

function count()
{
var tables = document.getElementsByClassName("detailsTable");
var rows;
for (var i = 0; i < tables.length; i++) {
  rows = tables[i].rows.length;
  alert(rows); 
}
}

Answer 2

如果要计算id =“detailsTable”

的表行

var rowCount = $('#detailsTable tr').length;

如果你想为每张桌子找到它，它看起来像是：

$('.details').each(function(index) {
   var rowCount = this.rows.length;
})

计算每个打印表的行数

2 个答案: