如何使用JQuery删除动态表的特定行

$(document).on('click', '.delete-row', function() {
  // 删除按钮被点击时执行的代码
});

$(this).closest('tr').remove();

<table id="dynamic-table">
  <tr>
    <td>行1</td>
    <td><button class="delete-row">删除</button></td>
  </tr>
  <tr>
    <td>行2</td>
    <td><button class="delete-row">删除</button></td>
  </tr>
  <tr>
    <td>行3</td>
    <td><button class="delete-row">删除</button></td>
  </tr>
</table>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).on('click', '.delete-row', function() {
    $(this).closest('tr').remove();
  });
</script>