하이퍼 링크에서 행 요소 데이터 검색 Jquery Datatables에서 클릭하십시오.

Question

Jquery Datatables를 처음 사용합니다. 나는 테이블을 만들고 그것에 몇 가지 요소를 추가 할 수 있었다. 이것은 What I have got입니다.

내 테이블의 하이퍼 링크에서 마우스 클릭 이벤트를 트리거하고 특정 행의 데이터 테이블에서 데이터를 검색하려고합니다. 클릭 한 하이퍼 링크 행의 "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")을 사용하여 값을 가져올 수 있습니다.

여기에 updated example