Javascript 更改时可拖动和可排序的项目编号更新

下面是我的小提琴，我可以拖动列表项，但问题是更改列表项的位置，我无法相应地对项目的数量进行排序。例如，如果我更改项目#1的位置，则所有项目的数量不会从上到下更改。请告诉我怎么做

$(function() {
    $("#sortable").sortable();
});

$(document).ready(function(){
  $("#btn2").click(function(){
      $("ul").append("<li class='ui-state-default'><span class='ui-icon ui-icon-arrowthick-2-n-s'></span><input type='text' value='New Item : #' /></li>");
  });
});

$（函数（）{
$（“#可排序”）.sortable（）；
});
$（文档）.ready（函数（）{
$（“#btn2”）。单击（函数（）{
$（“ul”）。追加（“
”；
});
});

---

我已将value属性添加到li，当ul排序时，该属性将更新？？你要打什么号码change@wilsonrufus我只想根据li位置设置项目编号，例如，如果我将第一个li放在第二个位置，则所有li的项目编号应相应更改这是否有帮助这不是工作值attr正在添加，但不会根据其位置更改，文本字段上的值也不会更改更新你想要的文本也改变再次检查小提琴是你现在想要的即使输入值会改变它是相同的链接

$("#sortable").sortable({
        //observe the update event...
        update: function (event, ui) {
            var order = [];
            $('#sortable li').each(function (e) {
                $(this).attr("value",$(this).index());

            });
        }
    });