如何检索 table 行值并操作它们，JQuery？

Question

我有一个 table 从数组生成的 jQuery 的 DataTables 插件：

$('#example').DataTable({
  order: [3,'desc'],
  data: mergedArr,
  columns: [
    { data: 'id' },
    { data: 'name' },
    { data: 'city' },
    { data: 'summaryIncome'}
  ]
});

如何使用 $('#example').on('click', 'tbody > tr', function (e) 获取整行值（4 个不同的单元格），这是确切的数组项。

换句话说：如何将数据从数组绑定到点击，以便我可以操作被点击的确切数组项？

我需要所有这些，因为该数组包含有关该项目（在行中）的附加信息，并且整个信息（仅约 1 项）应显示在另一个 HTML 页面上。

Answer 1

jQuery DataTables 提供了一系列事件，您可以将处理程序附加到这些事件。您可以将它附加到行、列等。正如文档所指出的，您可以像示例中那样检索 id，稍后您可以使用它来过滤掉数组以获取其他信息。

var table = $('#example').DataTable();
 
table.on( 'select', function ( e, dt, type, indexes ) {
    if ( type === 'row' ) {
        var data = table.rows( indexes ).data().pluck( 'id' );
 
        // do something with the ID of the selected items
    }
} );

这里有 jQuery DataTables 的文档供进一步阅读。 https://datatables.net/reference/event/select

如何检索 table 行值并操作它们，JQuery？

How to retrieve table row values and manipulate them, JQquery?

javascript

jquery

datatables

jquery-events