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

Question

我在数据表中有一个可链接的列。我需要检索行数据并在使用 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);

});

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

Answer 1

像这样的东西？

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