Jquery拖放并在ul上交换

Question

我有一个5 * 5正方形的正方形网格，ul看起来就像一张桌子。我想交换两个正方形（即），当我拖动一个正方形并将其放在另一个正方形时，两个正方形应该交换，改变它们的位置。 PFB列表，我想知道是否可以这样做，

a）通过交换索引来交换两个方格 b）停止拖放某些正方形

我尝试了排序，但它也改变了其他方块的位置。有任何建议如何在jquery中完成？