jQuery:访问数据表的第二页和更多页的表行 [英] jQuery: Accessing table rows of second and further pages of a datatable

问题描述

我正在从 HTML 表格中检索这样的表格行数据.

I am retrieving table row data like this from a HTML table.

var descriptions = [];

var testRows = $('#tbl').find('tbody').find('tr');
$this = $(this);

testRows.each(function () {
    var description = $this.find('[id^="Desc"]').text();
    descriptions.push(description);
}

由于这个表是一个数据表，页数限制为 5 个元素，所以我只能访问前 5 行的数据.

Since this table is a datatable which has a page limit of 5 elements, I can only access data in the first 5 rows.

我知道分页数据已从 DOM 中删除，因此这就是我无法访问其余行的原因.

I am aware that paginated data is removed from DOM, so that would be the reason why I can't access rest of the rows.

如何超越第一页并访问剩余的行数据?

How do I go beyond first page and access remaining rows data?

推荐答案

我使用 fnGetNodes API 方法检索数据.

I retrieved the data using fnGetNodes API method.

var descriptions = [];

var _testDesc;
var dt = $("tbl").dataTable();

var dtNodes = dt.fnGetNodes;
var dtNodeCount = dtNodes.length;

for (var i = 0; i < dtNodeCount; i++) {
    var description = $(dtNodes[i].cells[2].innerHTML).val();
    descriptions.push(description);
}

错误版本(2013 年 7 月 31 日)

var descriptions = [];

var _testDesc;
var dt = $("tbl").dataTable();

var dtElementCollection = dt.DataTable.settings[0].aoData;
var dtECLength = dtElementCollection.length;

for (var i = 0; i < dtECLength; i++) {
    var description = dtElementCollection[i]._aData[2];
    _testDesc = $(description).val();
    descriptions.push(_testDesc);
}

这篇关于jQuery:访问数据表的第二页和更多页的表行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！