javascript - 重新排序项目算法

Question

因此我有一个 html 表:

up | dn
[ ]  Item 1
[x]  Item 2
[ ]  Item 3
[ ]  Item 4
[x]  Item 5
[ ]  Item 6
[ ]  Item 7

如果勾选了 2 & 5 然后我点击向上，结果是:

up | dn
[x]  Item 2
[x]  Item 5
[ ]  Item 1
[ ]  Item 3
[ ]  Item 4
[ ]  Item 6
[ ]  Item 7

如果我点击 dn，结果是:

up | dn
[ ]  Item 1
[ ]  Item 3
[ ]  Item 4
[ ]  Item 6
[x]  Item 2
[x]  Item 5
[ ]  Item 7

换句话说，项目按所选方向分组，然后沿该方向移动一行。有人对此有好的算法吗？我确信我可以毫不费力地写出一些东西，但它似乎是那种应该“在那里”的东西......

Answer 1

我认为我倾向于剪切和粘贴方法，因为 js 框架使得移动 DOM 片段相对容易。

• 获取选中项的行数
• 获取{top} - 最常检查的项目的索引
• 删除行并将它们插入表中 {index-1}
• (当然 top 可能是 bottom，index-1 更复杂取决于方向以及我们是否已经处于极端)