想要獲得當前tabe數據點擊表格行的值

我有一張表，其中有多行，每個表都有表格數據。現在我想獲取當前tr的表數據的點擊數據鏈接屬性。想要獲得當前tabe數據點擊表格行的值

我的表結構如下：

<tr id="row1jqxgrid" role="row" data-key="1"> 
<td class="jqx-cell jqx-cell-darkblue jqx-grid-cell jqx-grid-  cell-darkblue jqx-item jqx-item-darkblue jqx-grid-  cell-nowrap jqx-grid-cell-nowrap-darkblue" style="max-width:350px; width:350px;border-left-width: 0px;" role="gridcell"> 
<span class=""></span> 
<span class="jqx-tree-grid-title jqx-tree-grid-title-darkblue jqx-grid-cell-wrap jqx-grid-cell-wrap-darkblue">Accenture222</span></td> 
    <a class="ClickClass" data-link="http://www.recruiterfeedback.com/trs/index.php/recruiter/feedback_details/174"> 
     <button class="btn btn-primary btn-sm ClickClass"> 
      <i class="fa fa-search"></i> View 
     </button> 
    </a> 
    </td> 
</tr>

我嘗試使用jQuery的屁股得到它的內容，但沒有奏效：

$("#jqxgrid").on('rowSelect', function() { 
    var current = $('#jqxgrid').attr('data-link'); 

    alert(current); 

    var args = event.args; 

    var rowData = args.row; 
    // var a_href = $(this).find(rowData); 
    // alert(a_href); 
    var rowKey = args.key; 

    console.log(args); 
    console.log(rowKey); 
    console.log(event); 
});

來源

2016-01-13 Xabby

$("tr").click(function() { 
    var link = $("#"+$(this).attr('id')+" .ClickClass").attr('data-link'); 
    alert(link); 
);

順便問一下，你有一個額外關閉埃森哲2212後</td>

JSFiddle

來源

2016-01-13 18:16:11

感謝您的代碼工作般的魅力..也感謝您指出「TD」的錯誤。這段代碼僅供參考，實際上它完美地工作。 – Xabby

屬性data-link是表格中的錨元素的一部分。因此，您需要先使用.find()或.chilren()來定位該錨點，然後獲取其數據屬性。

$("#jqxgrid").on('click', function() { 
     var current = $(this).find('a.ClickClass').data("link"); 
     alert(current); 
    });

工作例如：https://jsfiddle.net/DinoMyte/1jgo6mpc/3/

來源

2016-01-13 18:24:15 DinoMyte

<!doctype html> 
<html> 
    <head> 
     <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> 
     <script src="https://code.jquery.com/jquery-2.2.0.js"></script> 
     <script> 
      $(document).ready(function() { 

       $("#jqxgrid tr").click(function() { 
        var link = $(this).find("td").eq(1).find("a").data("link"); 
        alert(link); 
       }); 
      }); 
     </script> 
    </head> 

    <body> 
     <table id="jqxgrid"> 
      <tr id="row1jqxgrid" role="row" data-key="1"> 
       <td class="jqx-cell jqx-cell-darkblue jqx-grid-cell jqx-grid-cell-darkblue jqx-item jqx-item-darkblue jqx-grid-  cell-nowrap jqx-grid-cell-nowrap-darkblue" style="max-width:350px; width:350px;border-left-width: 0px;" role="gridcell"> 
        <span class=""></span> 
        <span class="jqx-tree-grid-title jqx-tree-grid-title-darkblue jqx-grid-cell-wrap jqx-grid-cell-wrap-darkblue">Accenture222</span> 
       </td><td> 
        <a class="ClickClass" data-link="http://www.recruiterfeedback.com/trs/index.php/recruiter/feedback_details/174"> 
         <button class="btn btn-primary btn-sm ClickClass"> 
          <i class="fa fa-search"></i> 
          View 
         </button> 
        </a> 
       </td> 
      </tr> 
     </table> 
    </body> 
</html>

來源

2016-01-13 18:40:49 David

想要獲得當前tabe數據點擊表格行的值

回答

相關問題