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

Question

I have following task and explained through below image

where I would like to implement functionality of up and down using arrows. I have implemented movement of element using Drag and Drop (using jQuery Sortable) but not getting idea how to perform up and down movement of item using arrows?

How to implement it jQuery (front and a related MySQL query in back end)? What should be good query creating while user clicks on up or down arrow?

Note:

FYI every item is wrapped in <div> tag.

Any help would be appreciated.

Answer 1

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

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

i wish may be its help you .you can try this