代码之家  ›  专栏  ›  技术社区  ›  robert trudel

数据表获取单击行的数据属性

  •  0
  • robert trudel  · 技术社区  · 7 年前

    我使用数据表

    典型的一行是

    <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();
    });
    
    1 回复  |  直到 7 年前
        1
  •  3
  •   Marc Collin    7 年前

    在您的点击方法中

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

    您不需要选择插件…