DataTable获取tr的数据

时间:2014-06-16 20:19:32

标签: javascript jquery jquery-datatables

我已经用dataTable jQuery插件构建了一个表。 我试图通过单击该tr获取tr元素的td数据。 我已经阅读了说我必须使用" fnGetData"的文档,但是当我尝试这个时,我得到了错误:

TypeError:table.fnGetData不是函数

var data = table.fnGetData(this);

我的js代码:

 $('#customerTable tbody').on('click','tr', function(){
    var data = table.fnGetData( this );
    alert(data);
});

我的DataTable初始化如下,没有点击事件,效果很好:

var table = $('#customerTable').DataTable( {..});

我是否必须在html head部分绑定另一个插件脚本?

问候。

1 个答案:

答案 0 :(得分:4)

似乎API数据表提供的是否与DataTable({..}) vs dataTable({..})初始化有关。可以看到差异here

由于您使用较新的API对其进行了初始化,因此您应该在侦听器中使用它。

var data = table.row( this.rowIndex-1 ).data();

<强> Example

如果您使用dataTable({..})初始化表格,那么您发布的代码应该有效。

<强> Example