Javascript 如何在列表项的位置发生变化时获取其索引值

我正在使用jquerysortable，我只想获取列表项的变更索引值。有什么办法吗？现在我正在获取所有索引的值并更新数据。我只想得到li的变化指标值的位置。这是我的jquery脚本

<ul>
   <li>1</li>
   <li>2</li>
   <li>3</li>
   <li>4</li>
</ul>

    $(function () {

        $("ul").sortable({
            items: "li",
            cursor: 'move',
            update: function () {
                sendOrderToServer();
            }
        });

        function sendOrderToServer() {

            var order = [];
            $('li').each(function (index, element) {
                order.push({
                    position: index + 1
                });
            });

            $.ajax({
                type: "GET",
                dataType: "json",
                url: `${SiteConfig.staticContentBaseUrl}/sortabletable`,
                data: {
                    order: order,
                    _token: $('meta[name=csrf-token]').attr('content')
                },
                success: function (response) {
                    if (response.status == "success") {
                        console.log(response);
                    } else {
                        console.log(response);
                    }
                }
            });

        }
    });

一,
二,
三,
四,

$（函数（）{
$（“ul”）。可排序({
物品：“李”，
光标：“移动”，
更新：函数（）{
sendOrderToServer（）；
}
});
函数sendOrderToServer（）{
var顺序=[]；
$（'li'）。每个（函数（索引，元素）{
命令。推({
职位：索引+1
});
});
$.ajax({
键入：“获取”，
数据类型：“json”，
url:`${SiteConfig.staticContentBaseUrl}/sortabletable`，
数据：{
秩序:秩序,，
_令牌：$（'meta[name=csrf-token]'）。attr（'content'）
},
成功：功能（响应）{
如果（response.status==“success”）{
控制台日志（响应）；
}否则{
控制台日志（响应）；
}
}
});
}
});

您可以将jQuery的函数与作为属性提供的

项结合使用


let$pets=$（“#pets”），
$report=$（“#report”）；
$pets.sortable({
更新（e、ui）{
设$item=ui.item，
index=$pets.children（）.index（$item）+1；
$report.text（`youranged${$item.text（）}位于编号${index}`）；
},
})

想要的宠物：从最想要的（顶部）到最不想要的（底部）

猫
狗
仓鼠
兔子
狐狸

检查基本排序方法，然后在此基础上构建jquery代码，如果有任何问题，请将其放在此处，我们可以解决问题，甚至为您提供更好的方法。您可以描述您的更大目标。跟踪索引可能不是最好的方法。好的，让我详细说明一下我想要实现的目标