首页 > 解决方案 > Datatable获取点击行上的数据属性

问题描述

我使用数据表

一个典型的行是

<tr>
      <td data-id="1">Tiger Nixon</td>
      <td>System Architect</td>
      <td>Edinburgh</td>
      <td>61</td>
      <td>2011/04/25</td>
      <td>$320,800</td>
</tr>

我创建了一个示例

http://jsfiddle.net/hb7v1mgy/

表的初始化

 var table = $('#example').DataTable({
    responsive: true
  });

当我点击一行时,我想获取数据属性 id,实际上我得到列值(Tiger,System ...)

$('#example tbody').on('click', 'tr', function() {
    //get only value of td... not data attribute
    var data = table.row(this).data();
});

标签: datatables

解决方案


在您的点击方法中

var tr = $(this).closest('tr');
var id = tr.children("td:eq(0)").attr('data-id')

你不需要选择插件...


推荐阅读