编辑数据后，Jquery保存更改

Question

我有一个添加一行的功能：

        function addRow()
    {
        $('#sample_editable_1 tbody').append('<tr>'+
                                             '<td class="TDversion"> '+
                                             $('#version').val()+
                                             '</td>'+
                                             '<td>'+
                                             '<input type = "button" class = "editButton" value ="edit"></input>'+
                                             '<td>'+
                                             '<a class="cancel" href="">Delete</a>'+
                                             '</td>'+
                                             '</tr>');

        $('.editButton').on('click',function()
        {
            $("#myModal2").modal("show");
            $("#editVersion").val($(this).closest('tr').children()[0].textContent);

        });

        $('.saveChanges').on('click',function(){

        })
    }

我想在编辑后按下saveChanges按钮替换新数据在行中添加的数据