javascript - dataTable 内のリンク可能な列のデータをクリックするとコンテンツを非表示にする

Question

リンク可能な 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);

});

テーブルのリンク可能な列をクリックすると、この関数で行データ全体が必要になります。

Answer 1

このようなものですか？

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