获取类上的隐藏列值单击数据表

时间:2015-06-11 06:27:06

标签: jquery html5 datatables

我想在单击数据表中同一行内的输入框时获取隐藏的单元格值

这是我的表初始化

var oTable1 = jQuery('#sample-table-2').DataTable({
    "aoColumnDefs": [{
        "bVisible": false,
        "aTargets": [1]
    }],
});

jQuery('.interimRental').click(function () {
    var tre = jQuery(this).closest('tr');
    var fid = oTable1.fnGetData(tre);
    console.log(fid);
});

interimRental是我的输入框类名,它在td内,所以我想当我点击这个输入框时我应该得到隐藏的列单元格值,当我尝试上面的代码我得到错误

  

TypeError:a.nodeName未定义

1 个答案:

答案 0 :(得分:1)

jQuery('#sample-table-2').DataTable更改为jQuery('#sample-table-2').dataTable,因为fnGetData()是较旧的DataTables方法,DataTable()会返回较新的API实例。有关详细信息,请参阅API reference

另外,作为旁注,请使用委托事件处理程序来处理点击。这是必需的,因为DataTables操纵表元素,如果未定义如下所示,您的点击处理程序将停止运行。

jQuery('#sample-table-2 tbody').on('click', '.interimRental', function (){
    var tre = jQuery(this).closest('tr');
    var fid = oTable1.fnGetData(tre);
    console.log(fid);
});