如何遍历DataTables jQuery中的所有行?

时间:2015-03-16 13:21:29

标签: javascript jquery datatables jquery-datatables

我正在使用jquery插件 D ataTables来构建漂亮的表

  var table = $('#example').DataTable({
    "data": source
});

我想为表中的所有行创建一个

不幸的是,这种方式可能已过时,并且不适用于新版本(它会启动错误)

$(table.fnGetNodes()).each(function () {

});

这种方式仅适用于可见行(10个第一行,因为其他行是分页的)

 table.each( function ( value, index ) {
    console.log( 'Data in index: '+index+' is: '+value );
} );

你知道如何循环到所有行吗?

4 个答案:

答案 0 :(得分:31)

我终于找到了:

 var data = table.rows().data();
 data.each(function (value, index) {
     console.log(`For index ${index}, data value is ${value}`);
 });

答案 1 :(得分:7)

数据表的每一行rows().every()都有一个迭代器,其中this指的是当前正在迭代的行的上下文。

tableName.rows().every(function(){
    console.log(this.data());
});

答案 2 :(得分:7)

如果您使用的是旧版DataTable,那么您可以获取所有行甚至是分页,如下所示......

table.fnGetNodes(); // table is the datatables object.

因此,我们可以使用.each()提供的jQuery方法遍历行。

jQuery(table.fnGetNodes()).each(function () {
// You can use `jQuery(this).` to access each row, and process it further.            
});

答案 3 :(得分:1)

例如,此数据具有三个字段UserID,UserName和isActive,我们只想显示活动用户 以下代码将返回所有行。

var data = $('#myDataTable').DataTable().rows.data();

我们将仅打印活动用户

data.each(function (value, index) {
  if (value.isActive)
  {
     console.log(value.UserID);
     console.log(value.UserName);
  }
});