点击行上的数据表获取数据属性

Question

我使用数据表

典型的行是

<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
  });

当我点击一行时，我想获取数据attritube id，实际上我得到列值（Tiger，System ...）

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

Answer 1

点击方法

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

你不需要选择插件...