在多个表中计算 <tr> 中的 <td>

Question

在我看来，我有 4 张桌子。我对每个表都使用了 jQuery Datatables，因此我在视图中显示的一条记录如下所示：

我有什么

var countAllTablesRows = $("table tbody.teu-tbody tr").length;
console.log("Total Rows In Every Table on Page - " + countAllTablesRows);
var rowCountMinusOne = countAllTablesRows - 1;
console.log("Total Rows In Every Table on Page Minus One - " + rowCountMinusOne);

我的目标

当用户单击“删除”链接时，我想计算每个表格 tbody 元素中的所有行。但是，我只想计算有实际数据的表行。而不是只有一行显示“表中没有可用数据”的表。

我在考虑也许使用.each() 来只获取不包含“表中没有可用数据”的表，但我不确定如何攻击它。

感谢任何帮助。

Answer 1

当您使用 DataTables 时，有一些数据表 API 选项可以返回表中的行数。

rows().count() 是一种方式。如果您想在特定情况下（例如选定的行数）获取表格行数，这会很方便。

var table = $("#table-selector")
table.DataTable().rows().count()

.data() 是另一种方式。 .data()将表中的所有数据以数组的形式返回，您可以简单地调用.length获取数组的长度。

var table = $("#table-selector")
table.DataTable().data().length

上述两种方法的工作方式相同。 .data() 只返回表中的所有数据，而.rows() 可能返回也可能不返回所有数据，因为您可以为.rows() 函数提供特定的选择器。在这两种情况下，您都可以使用.length 或.count()。你有一些灵活性。

由于您有多个表，您可以修改其中的任何一个以一次从所有表中获取数据。

var table = $("#table-selector, #table-selector-two, #table-selector-three")
table.DataTable().rows().count()

这个 sn-p 将提供表 #table-selector、#table-selector-two 和 #table-selector-three 的计数。如果您对所有这些人都有一个共同的课程，那么这也将起作用。您没有提供 HTML，所以我只能猜测您是如何选择表格的。