Редактировать строку таблицы php ajax

Question

Я пытаюсь отредактировать эту строку таблицы встроенной таблицы редактирования. Я могу передать данные из моего js-файла в мой PHP-файл для запроса. У меня проблема с получением данных из строки таблицы. Каждый метод, который я пытался поместить в таблицу в переменную JavaScript для отправки через ajax, не работает. Я попытался повторить данные, json_encode, используя селекторы ...

Я новичок в этом, так что, возможно, я делаю небольшую ошибку. Но я могу удалить, передавая идентификатор через HREF. Мне нужно отредактировать несколько ячеек таблицы и передать идентификатор df:

$df_id = $row['df_id'];    
echo '<td class="border-left text-center" id="cg_crit">'.$row['ContentGrammarCritical'].'</td>';
echo '<td class="text-center">'.$row['ContentGrammarMajor'].'</td>';
echo '<td class="text-center">'.$row['ContentGrammarMinor'].'</td>';
echo '<td class="border-left text-center" >'.$row['functionalCritical'].'</td>';
echo '<td class="text-center">'.$row['functionalMajor'].'</td>';
echo '<td class="text-center">'.$row['functionalMinor'].'</td>';
echo '<td class="border-left text-center" >'.$row['NonfunctionalCritical'].'</td>';
echo '<td class="text-center">'.$row['NonfunctionalMajor'].'</td>';
echo '<td class="text-center">'.$row['NonfunctionalMinor'].'</td>';

Вот мой код.

Таблица редактирования

while($row=mysqli_fetch_assoc($result)) {
    $df_id = $row['df_id'];
    $convert_day = $row['df_date'];
    $day_date = strftime("%A",strtotime($convert_day));
    echo '<tr><td>'.$day_date.'</td>';
    echo '<td id="pr_name">'.json_encode($row['pr_name']).'</td>';
    echo '<td>'.$row['tcs_type'].'</td>';
    echo '<td class="text-center" id="rnd">'.$row['df_round'].'</td>';
    echo '<td class="border-left text-center" id="cg_crit">'.$row['ContentGrammarCritical'].'</td>';
    echo '<td class="text-center">'.$row['ContentGrammarMajor'].'</td>';
    echo '<td class="text-center">'.$row['ContentGrammarMinor'].'</td>';
    echo '<td class="border-left text-center" >'.$row['functionalCritical'].'</td>';
    echo '<td class="text-center">'.$row['functionalMajor'].'</td>';
    echo '<td class="text-center">'.$row['functionalMinor'].'</td>';
    echo '<td class="border-left text-center" >'.$row['NonfunctionalCritical'].'</td>';
    echo '<td class="text-center">'.$row['NonfunctionalMajor'].'</td>';
    echo '<td class="text-center">'.$row['NonfunctionalMinor'].'</td>';
    echo '<td  class="border-left" contenteditable="false"><div class="ticket-actions col-md-2">
    <div class="btn-group dropdown">
        <a type="button" class="btn dropdown-toggle btn-sm" data-toggle="dropdown">
        Manage
        </a>
        <div class="dropdown-menu">
        <a class="dropdown-item editbtn">
            <i class="fa fa-reply fa-fw"></i>Edit</a>
            <a class="dropdown-item cancelbtn" href="javascript:history.go(0)">
            <i class="fa fa-reply fa-fw"></i>Cancel</a>
            <button class="dropdown-item savebtn" id="">
            <i class="fa fa-check text-success fa-fw"></i>Save</button>
        <div class="dropdown-divider"></div>

        <a class="dropdown-item" href="DB/defect/delete_defect.php?id='. $df_id .'">
            <i class="fa fa-times text-danger fa-fw"></i>Delete</a>
        </div>
    </div>
    </div></td></tr>';
}

AJAX

$('.savebtn').click(function() {
    $.each(currentTD, function() {
        //alert("second if "+currentTD.html());
        $(this).prop('contenteditable', false).removeAttr("style");
        //var df_id = $(this).('#pr_name');
        var df_id2 = 
        var df_id3 = "45";
        console.log(df_id2);
        $.post("DB/defect/edit_defect.php", {
            df_id: df_id2,
            day_date: df_id3
        }, function(data) {
            console.log(data);
        });

        $('.editbtn').show();
        $('.savebtn').hide();
        $('.cancelbtn').hide();
    });
})