javascript - 从 Jquery 数据表中的超链接单击检索行元素数据

Question

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

我想在我的表中的超链接上触发鼠标单击事件并检索特定行的数据表中的数据。比如被点击的超链接所在行的“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 注册点击事件时，可以$(this).data("blockid")用来获取值。

这是一个更新的示例