使用ajax更新特定的td（表数据）

Question

我正在尝试使用Ajax编辑成绩。模态可以显示，但是没有特定年级的数据。

这是我当前的代码。

                    <td id="<?php echo $row['id']; ?>" data-target="grade"><?php echo $row['grade']; ?><br><small>

                        <a href="#" data-role="update" data-id="<?php echo $row['id']; ?>">Update</a></small>

                        <?php } ?> <?php } ?>
                    </td>

这是我的剧本

<script>
$(document).ready(function() {
    $(document).on('click','a[data-role=update]', function(){
        var id = $(this).data('id');
        var grade = $('#'+id).children('td[data-target=grade]').text();

        $('#grade').val(grade);
        $('#gradeId').val(id);
        $('#myModal').modal('toggle');
    });
});

我希望我只能编辑特定的成绩。请帮助我...