Получить данные для l oop в модели

Question

Я хочу получить данные из тега @Model [i] .StudentID, когда я нажимаю кнопку обновления. Я использую id и querySelectorAll, но это не нормально, я хочу получить 1 строку 1 идентификатор, но он получает 1 строку несколько ID, я хочу получить строку 1 id = 1, строка 2 id = 2, строка 3 id = 3 .. .

<table class="table">

@for (int i = 0; i < Model.Count(); i++ )
{
    <tr>
        <td id="upid">@Model[i].StudenID</td>
        <td>@Model[i].LastName</td>
        <td>@Model[i].FirstName</td>
        <td>@Model[i].EnrollmentDate</td>
        <td> <input type="button" class="btn btn-primary" value="update" onclick="myFunction()" /></td>
    </tr>


}

<script>
        function myFunction() {
            var a = document.querySelectorAll("#upid");
            for (var i = 0 ; i < a.length; i++) {
                alert(a[i].innerHTML);
            }
             
        $.ajax({
        type: "GET",
        url: '@Url.Action("Update", "Home")',
        contentType: "application/json; charset=utf-8",
        data: {
           Upid: a,
            
        },
        dataType: "json",
        success: alert("hello3")

        });
        }
</script>