jQuery表格拖拽排序功能

表格里的行能拖着动，还能排序？嗯，jQuery 配合 UI 库就能搞定这个事儿。jQuery 的拖拽功能加上你自己的逻辑，拖动排序表格行一点都不难。直接用draggable()和droppable()组合，配合事件回调，整个过程清晰明了。

老前端常说，用惯了 jQuery 就不太想换，尤其表格这种结构性强的内容，还是挺顺手的。用$('#myTable')定位表格，再给tr加拖拽，不用手写 DOM 操作，省事儿不少。

核心在drop事件，你可以拿到拖动目标，算出插入位置，用insertBefore()搞定行移动。逻辑通俗又实用，啥复杂逻辑都能封装进去。要是你想保存排序结果，往后端发个 Ajax 就行，或者前端存下也 OK。

还有一点挺重要：兼容性。拖拽操作建议在 PC 端用得多，移动端需要额外适配。要是想用户体验更丝滑，加点opacity或者动画效果，也不难。

实在懒得从头写？你可以参考这些：jquery 拖拽排序、JQuery 拖拽排序效果，代码清晰，用法也直白，适合拿来即用。

如果你正好在做个表格操作比较频繁的后台页面，或者要让用户自定义数据顺序，那这个拖动排序功能真的挺值得试试的。