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

Question

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

这是我的table初始化

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 是我的输入框 class 名称，它位于 td 内，所以我希望当我单击此输入框时，我应该获得隐藏的列单元格值，当我尝试上面的代码时，我收到错误消息

TypeError: a.nodeName is undefined

Answer 1

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

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

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

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

get hidden column value on class click Datatables

html

jquery

datatables