法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()) });
更多专业前端知识,请上 【猿2048】www.mk2048.com