HTML可编辑表格 - ＆gt;编辑字段

Question

我有一个HTML-Table

<table style="width:100%">
  <tr>
    <th>id</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>2</td>
    <td contenteditable="true">Smith</td>
    <td contenteditable="true">50</td>
  </tr>
  <tr>
    <td>3</td>
    <td contenteditable="true">Jackson</td>
    <td contenteditable="true">94</td>
  </tr>
</table> 

（只是一个测试表）

它是可编辑的，但如何获取已编辑的所有行（带有ID），将它们发送到PHP-Backend，将更改保存到DB？

提前致谢， 帕特里克。

Answer 1

每当更改字段内容时，您都可以在数组中保存ID。 以下是工作示例：https://jsfiddle.net/79egs9tc/

var idArr = [];
$(".edited").focusout(function() {
     var id = $(this).parent().attr('id');
     if($.inArray(id, idArr) === -1){
        idArr.push(id);
     }
     console.log(idArr);
});

您可以添加检查内容是否更改。 希望，它会对你有用。