每个循环内的ajax调用仅最后一个元素更新

如何解决每个循环内的ajax调用仅最后一个元素更新

我具有在页面上传后运行的此功能，它的作用是获取所有检查的值。从表格中查找日期，如果日期无效，请用红色标记该日期。

这是我的代码：

 function Checked() {

   if ($("input:checkBox:checked").length > 0) {

        $("input:checked").each(function (i,el) {
            if (i !== 0) {

                checkBoxId = $(this).parent().parent().attr("id");
              

                let checkBoxDate = $('#' + checkBoxId).children('td:eq(4)').text();

                $.ajax({
                    async: true,url: '@Url.Action("Action","Controller")',type: 'get',data: {
                        sDate: checkBoxDate
                    },success: function (response) {

                        if (checkBoxDate !== response) {

                            $('#' + checkBoxId).children('td:eq(4)').replaceWith('<td style="color:red">' + response + '</td>');
                            
                        }
                    }
                });
               
            }
        });
    }
}

我可以看到它在$ .each中运行了Ajax调用，但是只更新了最后一个元素

还尝试了html（）

有人可以帮我吗？