直接上代码


            //上移
var $up = $(".up")
$up.click(function () {
var $tr = $(this).parents("tr");
if ($tr.index() > 1) {
$tr.fadeOut().fadeIn();
$tr.prev().before($tr);
changeSort = 1;
}
});
//下移
var $down = $(".down");
var len = $down.length;
$down.click(function () {
var $tr = $(this).parent().parents("tr");
if ($tr.index() != len) {
$tr.fadeOut().fadeIn();
$tr.next().after($tr);
changeSort = 1;
}
});

然后描述一下具体的需求:

首先在页面上展示了所有的列表数据,用table 的格式展示,然后需要对数据列进行排序,整列上移或者下移。如上,即可实现效果,但是要根据自己的页面情况进行调整

  if ($tr.index() > 1)    if ($tr.index() != len)     这两个条件

最新文章

  1. JS 函数的柯里化与反柯里化
  2. 速度极快的导出excel
  3. DP优化与换零钱问题
  4. linux一些常用命令
  5. OAF_文件系列12_实现OAF导出PDF方式TemplateHelper
  6. Python开发【第三章】:Python的文件操作
  7. 20145233韩昊辰 《Java程序设计》实验报告一:Java开发环境的熟悉(Windows+IDEA)
  8. JDBC 增删查改
  9. android实现点击短链接进入应用 并获得整个连接的内容
  10. PTVS在Visual Studio中的安装
  11. 深入理解 JavaScript 事件循环(一)— event loop
  12. 集合源码(一)之hashMap、ArrayList
  13. [转]centos7 修改yum源为阿里源
  14. HDU 1542 Atlantis(扫描线)题解
  15. JMagic 操作 ImageMagick 处理图片
  16. java运算符-算数、赋值、比较
  17. Date、Calendar、DateFormat类
  18. python中str相关函数
  19. iptables实战演练
  20. SoapUI使用笔记备忘

热门文章

  1. HashMap,ConcurrentHashMap原理。Collection(list,set,map集合区别)。和CAS
  2. JS高级---递归
  3. python面试的100题(20)
  4. AcWing 532. 货币系统
  5. Python中读取目录里的文件并按排序列出
  6. NVMe over Fabrics 协议Discovery服务交互过程跟踪
  7. soundtouch change pitch matlab implementation
  8. js学习(精华帖)
  9. 使用docker布署wordpress
  10. python面试的100题(8)