javascript - 如何使用 Jquery 获取 HTML 表中的 计数？

Question

我正在使用 Jquery Datatables 来实现 HTML 表上的搜索和排序功能 <table> .

我在<table>中有超过100行我用了 iDisplayLength=6属性可同时显示 6 条记录，并启用更多记录的分页功能。

问题是:我想数一下有多少 <tr>在<table>使用jquery。

我使用了以下代码，但它给出了计数 6 <tr>总是因为我用了 DisplayLength=6 。但我想要 <tr> 的实际计数

JavaScript

$(document).ready(function () {
  $("#ContentPlaceHolder1_grdRX").dataTable({
         "iDisplayLength": 6,
         "bLengthChange": false,
         "bFilter": true,
         "bInfo": false,
         "bAutoWidth": false 
     });
 });

function getCount() {
    alert($('#ContentPlaceHolder1_grdRX tr').length);
}

如何获得所有行的计数？

Answer 1

看起来 DataTables 正在从 DOM 中删除当前页面上不存在的行，因此您将无法使用 jQuery 选择器对它们进行计数。您必须使用 DataTables API，特别是 fnGetHiddenNodes 函数:

var table = $('##ContentPlaceHolder1_grdRX').dataTable();
             $('#button').click( function () {
             var hidden = table.fnGetHiddenNodes();
             alert( hidden.length +' nodes were returned' ); } );