如何使用jQuery编辑动态创建的行

Question

我已经通过添加表单数据使用jQuery在表中动态创建了一行。 现在，我想添加一个函数来单击按钮进行编辑：
当用户单击编辑按钮时，应从表中删除该行，然后将值再次分配给表单中的相关字段。

码：

<form id="form1" >
      <input  type="text" id="input1"  />
      <input  type="text" id="input2"  />
      <input  type="text" id="input3"  />
      <input  type="text" id="input4"  />
      <input  type="submit" id="submit-btn" value="submit"  />
</form>

Answer 1

只需尝试以下代码...在每个Td属性中将类添加到您的append函数中...

$(document).ready(function(){

$('#mytable').on('click','.editrow',function(){

    var item1 = $(this).closest('tr').find('.td1').text();
    var item2 = $(this).closest('tr').find('.td2').text();
    var item3 = $(this).closest('tr').find('.td3').text();
    var item4 = $(this).closest('tr').find('.td4').text();
    $('#input1').val(item);
    $('#input2').val(item2);
    $('#input3').val(item3);
    $('#input4').val(item4);
    $(this).closest('tr').remove();
});  });