隐藏一行通过单击php-jquery按钮动态填充的表格

<button id="showRowBtn">显示行</button>
<table id="myTable">
  <tr>
    <th>Name</th>
    <th>Email</th>
  </tr>
  <tr class="hidden">
    <td>John Doe</td>
    <td>johndoe@example.com</td>
  </tr>
</table>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
  // 点击按钮时显示隐藏的行
  $('#showRowBtn').click(function() {
    $('.hidden').show();
  });
});
</script>

<?php
// 假设这里是通过PHP从数据库中获取的数据
$data = array(
  array('John Doe', 'johndoe@example.com'),
  // 可以添加更多行数据
);

// 通过循环将数据填充到表格中
foreach ($data as $row) {
  echo '<tr>';
  echo '<td>'.$row[0].'</td>';
  echo '<td>'.$row[1].'</td>';
  echo '</tr>';
}
?>