DataTables获取指定元素的行数据

法1:

用jquey获取,var row = $('.edit').parent().parent();

缺点:只能获取dom上的东西,不能获取没有渲染的数据

法2:

首先绑定行号到元素上

$('#example').dataTable( {

  "columns": [
  {"data":"name", "orderable": false, "searchable": false,"render" : function ( data, type, row, meta) {
return '<button id="btnEdit" data-rowindex="'+meta.row+'">编辑</button>';
  }}
   ]
} );

然后根据元素取出行号

var rowIndex = $('#btnEdit').attr('data-rowindex');

最后获取数据

$('#example').DataTable().rows(rowIndex).data()[0];

 如果是单击选择行(多选),示例如下:
$(document).ready(function() {
var table = $('#example').DataTable(); $('#example tbody').on( 'click', 'tr', function () {
$(this).toggleClass('selected');
} ); $('#button').click( function () {
alert( table.rows('.selected').data().length +' row(s) selected' );
} );
} );

如果是单击单元格获取数据,示例如下:

//单击首列,获取该列中单元格数据
$('#example tr td:first-child').click(function(){ alert($(this).text()) });
上一篇:pandas数据处理基础——筛选指定行或者指定列的数据


下一篇:剑指Offer40 和为s的连续正数序列