如何使用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();
});  });