📌  相关文章
📜  jquery datatable 迭代所有行 - Javascript(1)

📅  最后修改于: 2023-12-03 15:02:09.507000             🧑  作者: Mango

jQuery DataTable 迭代所有行

如果你正在使用 jQuery DataTable 来展示数据并需要通过 JavaScript 迭代所有行,你可以使用 DataTable 提供的 API 方法。以下是几个实例:

1. 通过 each() 方法迭代所有行
$('#example tbody tr').each(function() {
  console.log($(this).text());
});

这个例子中,我们使用了 jQuery 的 each() 方法来迭代所有行,并使用 text() 方法来获取行的内容。

2. 通过 rows() 方法迭代所有行
$('#example').DataTable().rows().every(function(rowIdx, tableLoop, rowLoop) {
  console.log(this.data()); // 获取该行的数据
});

在这个例子中,我们使用了 DataTable 的 rows() 方法来选择所有行,并使用 every() 方法来迭代每一行。在每一行迭代中,使用 data() 方法获取该行的数据。

3. 手动迭代所有行
var table = $('#example').DataTable();
var data = table.data();
for (var i = 0; i < data.length; i++) {
  console.log(data[i]); // 获取该行的数据
}

在此例中,我们使用了 DataTable 的 data() 方法来获取所有行的数据,并手动迭代每一行。每一行的数据都可以通过数组索引访问。

总结:

  • 使用 each() 方法迭代所有行并获取行的内容。
  • 使用 rows() 方法选择所有行,并使用 every() 方法迭代每一行,获取该行的数据。
  • 使用 data() 方法手动获取所有行的数据,并手动迭代每一行,获取该行的数据。

以上是关于 jQuery DataTable 迭代所有行的几个示例,希望能帮助到大家。