Javascript 使用jquery.ui.sortable更新列表

我有一个编号的列表。
在对项目进行排序时，我需要更新与列表中的位置相对应的编号

这是我的密码：

$(".sortable").sortable({
    stop: function(event, ui) {
        var prevPos = ui.item.find('.position').text();
        var newPos  = ui.item.index() + 1
        ui.item.find('.position').text(newPos);
        console.log(prevPos);
    }
});

我的问题是如何更新其他项目？
例如，当我将Robert从3dt移动到1号时

---

您可以在下面的链接上看到演示：

这样的东西怎么样：

$(".sortable").sortable({
    stop: function(event, ui) {
        $('.sortable li').each(function(i) {
            $(this).find('span').text(++i);
        });
    }
});

您将每次更新所有项目，即使是理论上不需要的项目。然而，我认为它无论如何都会更快，因为您不需要遍历DOM和进行索引计算等