JQquery,如何检索表行值并对其进行操作?

我有一个使用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页面上。

waiwai1846 回答:JQquery,如何检索表行值并对其进行操作?

jQuery DataTables提供了一堆事件,您可以将处理程序附加到这些事件上。您可以将其附加到行,列等上。正如文档所指出的那样,您可以像示例中那样检索ID,以后可以使用该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

本文链接:https://www.f2er.com/2624931.html

大家都在问