При удалении курса с помощью индекса jquery возникают проблемы

---

Проблема

при удалении любого курса из таблицы списка html его положение в центре или сначала оно создает проблему

в индексе в базе данных

Подробности

Если у меня есть список курсов следующим образом :

Дельфи

Вспышка

Фотошоп

Если я удалю flash с помощью кнопки jQuery remove, то нажмите кнопку save

он удаляет flash и Photoshop

потому что есть ошибки в удалении курсов с помощью функции remove в jquery

если я удаляю php, он работает без каких-либо проблем, потому что это последний элемент

предложение

использование функции карты при удалении, но как это сделать

если есть какое-либо решение для этого без использования карты, нет проблем

я использую модель следующим образом

public class Cusomemp2
    {
        public List<EmployeeCourse> empcourses { get; set; }
 
    }
}

в модели просмотрите мой код следующим образом с помощью jquery

на самом деле мне нужно изменить код ниже с помощью функции map если есть какие либо функции сделайте это не обращайте внимания

<pre>$(function () {
           //add courses using drop down
            var index = 0;
            $("#CourseId").change(function () {
 
                var id = $(this).val();
                var txt = $("#CourseId option:selected").text();
 
               $("#tb").append("<tr><td><input type = 'hidden' name='empcourses[" + index + "].CourseId' value='" + id + "'/></td><td>" + txt + "</td><td><input type='button' value='remove' class='r'</td></tr>")
 
                index++;
 
            });
            $("#tb").on("click", ".r", function () {
              // remove function
                $(this).parent().parent().remove();
 
                $(this).parent().prev().prev().remove();
             });
 
// retrieve data in edit view using ajax
            $.ajax({
                url: "/Employee/getcoursesbyempid",
                data:{x:$("#hid").val()},
                success: function (res) {
                    $.each(res, function (i, e) {
 
                          $("#tb").append("<tr><td><input type = 'hidden' name='empcourses[" + index + "].CourseId' value='" + e.Id + "'/></td><td>" + e.CourseName + "</td><td><input type='button' value='remove' class='r'</td></tr>")
 
                        index++;
                    });
                }
 
            })
        });

Простой обмен файлами и их хранение.[^]

Что я уже пробовал:

при удалении курса с помощью индекса jquery возникают проблемы

---