jQuery数据表访问jQuery点击事件的行数据(渲染参数)

时间:2017-03-15 09:57:08

标签: javascript jquery datatables

我在datatable中创建了链接:

$('#example').dataTable( {
    "columnDefs": [ {
        "targets": 1,
        "render": function ( data, type, full, meta ) {
            return '<a href="'+data+'" data-id="'+full.id+'">Download</a>';
         }
      } ]
} );

我可以使用jQuery id事件点击<a>代码访问click,但我有几个要访问的字段。我不想使用data-属性来访问每个字段。

如何在jQuery事件中访问行对象即(full

我试过的是:

"render": function ( data, type, full, meta ) {
    alert(full);
    return '<a href="'+data+'" data-full="'+full+'">Download</a>';
}

在jQuery事件alert( $(this).data('full') );中,我只能看到[Object object] 我试图将其转换为 String ,但没有成功。

2 个答案:

答案 0 :(得分:1)

使用row().data() API方法获取任何给定行的数据。

例如:

$('#example').on('click', 'tbody a', function(){
   var $tr = $(this).closest('tr');
   var data = table.row($tr).data();
   console.log(data);
});

请参阅this example以获取代码和演示。

答案 1 :(得分:0)

尝试jquery .data()设置/获取数据

$(your_component).data("full", full)

JSON.stringify(full) // convert json to string