从Hyperlink中检索行元素数据，请在Jquery Datatables中单击

Question

我是Jquery Datatables的新手。 我设法创建了一个表并向其中添加了一些元素。 这就是我所拥有的 。

我想在表中的超链接上触发鼠标单击事件，并检索某些行的数据表中的数据。 如单击的超链接行的“ blockid”。 我该怎么做？

请指教。 谢谢！

$(function () {
 $('#tbl_datablocks').dataTable( {
      "aoColumns": [
          { "sTitle": "blockid","sName": "blockid"},
          { "sTitle": "Name" },
          { "sTitle": "Created Time" },
          { "sTitle": "Updated Time", "sClass": "center" },
          { "sTitle": "Updated Time", "sClass": "center" }
          ]    } );


$('#tbl_datablocks').dataTable().fnAddData(["id1","data1","data2","data3","<a href='#' class='retrievedata' onclick='retrievedata(this)'>Read</a>"]);
$('#tbl_datablocks').dataTable().fnAddData(["id2","data1","data2","data3","<a href='#' class='retrievedata' onclick='retrievedata(this)'>Read</a>"]);
});   

function retrievedata(which)
{
    alert($(which).parents("tr"));
}
​

Answer 1

您是否考虑过使用数据属性？ 创建锚点<a> ，添加具有正确值的属性data-blockid 。 当jQuery注册click事件时，您可以使用$(this).data("blockid")获得该值。

这是一个更新的示例