JQuery.each() Function 为子元素分配相同的 ID（不是迭代？）

Question

我正在尝试遍历子元素列表，并通过 AJAX 将它们的加密 ID 传递到我的 controller，以使用 jQuery Sortable 更新放置时的显示顺序。 jQuery 正在选择正确数量的子元素，但它正在将拖放项目中的相同 ID 分配给我数组中的两个项目。 我不确定发生了什么......我真的很感激你的帮助！ 谢谢

JS代码：

$(document).ready(function () {
       
        $(".reqconsentList").sortable({
            axis: 'y',
            update: function (event, ui) {

                var consentForms = [];

                $(this).children().each(function (index) {
                    consentForms.push({ 'id': $('#ConsentID').val(), 'position': index + 1 });
                 
                });
                
                var data = { 'sortedConsentForms': consentForms };
                //debugger;
                // POST to server using $.post or $.ajax
                $.ajax({
                    data: data,
                    type: 'POST',
                    url: '@Url.Action("UpdateConsentDisplayOrder", "Check", new { Area = "Administration" })'
                });
            }
        });
});

Answer 1

第一个问题是$('#ConsentID').val()会返回具有该 ID 的第一个元素的值。 ID 需要是唯一的。

将 jquery 更改为class是正确的，但代码仍然不知道应该从哪个“元素”获取数据。

所以我们需要告诉它搜索.reqconsentList ，寻找 class .ConsentID的孩子

这是通过这种方式完成的： $(this).find('.ConsentID').val()