Javascript jQuery排序表中的自定义索引

我使用jQuery

sortable

library创建了项目的可排序列表

HTML:

<ul id="sortable">
    <li id="item1" data-index="1">Item 1</li>
    <li id="item2" data-index="2">Item 2</li>
    <li id="item3" data-index="3">Item 3</li>
    <li id="item4" data-index="4">Item 4</li>
    <li id="item5" data-index="5">Item 5</li>
</ul>

(function($) {
    $('#sortable').sortable({
        stop: function(e, ui) {
            console.log(ui.item.index()); // Returns 0,1,2 etc
        }
    });
})(jQuery);

如何使用

li

标记的

data index

属性作为自定义索引

它应该打印自定义的

索引

值，而不是自己的

索引

值，即

0,1,2

等。

您可以使用

$（ui.item）.data（'index'）

检查下面的示例：

(function($) {
  $('#sortable').sortable({
    stop: function(e, ui) {
      console.log($(ui.item).data('index')); // Returns 0,1,2 etc
    }
  });
})(jQuery);

希望这有帮助

---

（函数（$）{
$（“#可排序”）。可排序({
停止：功能（e、ui）{
警报（$（ui.item）.data（'index'）；//返回0,1,2等
}
});
})（jQuery）
#可排序{列表样式类型：无；边距：0；填充：0；宽度：60%；}
#可排序li{margin:0 3px 3px 3px；padding:0.4em；padding left:1.5em；字体大小：1.4em；高度：18px；光标：move；}
#可排序li span{位置：绝对；左边距：-1.3em；}
#可排序li.fixed{光标：默认值；颜色：#9595；不透明度：0.5；}


第1项
第2项
第3项
第4项
第5项
检查这里。它返回特定项的索引值0、1、2等。我需要的是每个项目的索引值最初是固定的，比如项目1-4（索引）、项目2-6（索引）、项目3-9（索引）等等。当我对项目1和项目2进行排序时，它应该像这样返回。第2-4项（索引）和第1-6项（索引）。有可能实现吗？