在PHP/JQUERY中编辑动态添加的行

<table id="myTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <!-- 动态添加的行将放在这里 -->
  </tbody>
</table>

<button id="addRow">添加行</button>

$(document).ready(function() {
  // 添加行
  $('#addRow').click(function() {
    var newRow = '<tr>' +
      '<td><input type="text" name="column1"></td>' +
      '<td><input type="text" name="column2"></td>' +
      '<td><button class="editRow">编辑</button> <button class="deleteRow">删除</button></td>' +
      '</tr>';
    $('#myTable tbody').append(newRow);
  });

  // 编辑行
  $(document).on('click', '.editRow', function() {
    var row = $(this).closest('tr');
    var column1Value = row.find('input[name="column1"]').val();
    var column2Value = row.find('input[name="column2"]').val();
    // 在这里可以执行其他编辑操作，如弹出对话框等

    // 更新编辑后的数值
    row.find('td:eq(0)').text(column1Value);
    row.find('td:eq(1)').text(column2Value);
  });

  // 删除行
  $(document).on('click', '.deleteRow', function() {
    $(this).closest('tr').remove();
  });
});