HTML可编辑表 - >获取编辑字段

Question

I have a 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> 

(Just a TEST-Table)

It is editable, but how do I get all the rows (with ID) which were edited, to send them to a PHP-Backend which saves the changes to DB?

Thanks in advance, Patrick.

Answer 1

You can save ids in an Array whenever field content is changed. Here is the Working Example: 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);
});

You can add check for content is changes or not. Hope, it will work for you.