Php 如何使用jQuery实现项目移动（向上和向下）？

我有下面的任务，并通过下图解释

在这里，我想使用箭头实现向上和向下的功能。我已经使用jQuery Sortable实现了元素的拖放移动，但不知道如何使用箭头执行项的上下移动

如何在jQuery前端实现它，在后端实现相关的MySQL查询？ 当用户单击向上或向下箭头时，创建好的查询应该是什么

注:

仅供参考，每件物品都用标签包装

任何帮助都将不胜感激

$('.up-button').click(function(){
  $(this).p1('.my').insertBefore($(this).p1('.my').prev());
});

$('.down-button').click(function(){
  $(this).p1('.my').insertAfter($(this).p1('.my').next());
});

我希望能对您有所帮助。您可以试试这个

我使用了jQuery的insertBefore、insertAfter和detach方法来做演示

---

请查看更多说明

关于jquery排序表的内容如何@Pavlo，是的，我确实使用过可排序拖放。但我不知道如何使用箭头？我想，应该是谁在使用箭头？每一个项目？也请检查这一个：和小提琴从那篇文章我感谢你的回答朋友yCreate一个orderid在数据库中。单击向上/向下按钮时，发出ajax请求以更改订单id，以便前端自动刷新新的加载order@MACMAN是的，你是对的。我在拖放中也使用了相同的方法，但我正在考虑当按下向上或向下箭头键时，应该通过Ajax发送哪些值？无论何时单击向上或向下箭头，都必须在服务器端实现orderid的交换。如果将一条记录从第3条移动到第2条，则需要在3条和2条记录之间交换订单id。简单明了的回答：你解释得很有魅力；你的例子正好解决了我的问题。因此，我将实施它，并尽快接受答案。一个字真棒！现在我只需要准备如何更新DB表中的顺序的查询。@NullPointer在DB表中有一个指示顺序的col，在单击事件中触发一个相应递增或递减顺序的ajax调用