Datatables:显示每个文件名的照片的按钮

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>

<table id="fileTable">
  <thead>
    <tr>
      <th>文件名</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <!-- 这里可以通过服务器端动态生成表格数据 -->
    <tr>
      <td>文件1.jpg</td>
      <td><button class="photoButton">查看照片</button></td>
    </tr>
    <tr>
      <td>文件2.jpg</td>
      <td><button class="photoButton">查看照片</button></td>
    </tr>
    <!-- 其他文件行 -->
  </tbody>
</table>

$(document).ready(function() {
  $('#fileTable').DataTable();
  
  // 给按钮添加点击事件处理函数
  $('#fileTable').on('click', '.photoButton', function() {
    var fileName = $(this).closest('tr').find('td:first').text();
    // 在这里可以根据文件名执行相应的操作，例如显示照片
    // ...
  });
});