javascript - 遍历 'selecting' jQuery DataTables 行

Question

我正在使用 jQuery DataTables 1.10.3 创建一个表，其中包含从 Web 服务获取的 JSON 数据。数据链接到我的应用程序页面上的其他元素，这样当用户在一个元素中选择数据点时，DataTable 应该更新并“选择”补充行(只需将 active 类添加到行 <tr> 标记)。鉴于 documentation ，这似乎可以很容易地通过这样的事情来完成:

var table = $("#my-table").DataTable();
table.rows().each(function(r){
    if (r.data().category == 'XYZ'){
        r.node().to$().addClass("active");
    }
});

但这不起作用，因为 .rows() 返回行索引数组而不是行对象。相反，我实现了这个:

var table = $("#my-table").DataTable();
table.rows().indexes().each(function(i){
    var r = table.row(i);
    if (r.data().category == 'XYZ'){
        r.node().to$().addClass("active");
    }
});

这可行，但速度非常慢，考虑到表中的记录数量相对较少(3000 行约 3 秒)。有没有更好的方法来遍历我缺少的 DataTable 行？或者是否可以根据数据值进行行选择？关于 .rows() 返回 API 对象的文档是否不正确？

Answer 1

好吧，我找到了第二个问题的答案:

Or is it possible to make a row selection based on data values?

var table = $("#my-table").DataTable();
table.rows(function(idx, data, node){
    return data.category == 'XYZ' ? true: false;
}).nodes().to$().addClass("active");

这几乎是立即运行的，因此它可以处理我的用例，但我仍然想知道以更通用的方式遍历行的最佳方法是什么。