在dataTable中单击可链接列的数据时显示隐藏内容

时间:2013-01-31 08:34:42

标签: javascript jquery datatables

我在dataTable中有一个可链接的列。我需要检索行数据,并在使用javascript / jquery点击可链接列的数据时显示不同选项卡的内容。请帮我一些例子。

谢谢。

这是我的html表  

                       <thead>
                       <tr class="headtable">
                           <th>Product Name</th>
                           <th>category</th>
                           <th>Serial Number</th>
                       </tr>
                       </thead>
               <tbody>

                <tr>
                   <td>xxxx</td>
                   <td>yyyy</td>
                   <td><a href="#" id="link1">zzzz</a></td>
                </tr>

                <tr>
                   <td>xxxx1</td>
                   <td></td>
                   <td><a href="#" id="link2">zzzz1</a></td>
                </tr>

我的jquery函数是 $('。table td a')。click(function(){

 var cell_content = $(this).find('td').eq(0).text();

 alert(cell_content);

});

如果我点击表格的可链接列,我需要此函数中的整行数据。

1 个答案:

答案 0 :(得分:0)

这样的东西?

$("#myTable tbody").on('click','tr', function(){
  var cell_content = $(this).find('td').eq(1).text();
});