zoukankan      html  css  js  c++  java
  • js实现上移下移

    直接上代码

     
    
                //上移
                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)     这两个条件
  • 相关阅读:
    Uva
    Uva
    Uva
    Uva
    Uva
    Uva
    Uva
    Uva
    第二次结队编程作业
    第三次软件工程作业的总结
  • 原文地址:https://www.cnblogs.com/kekelele/p/11244142.html
Copyright © 2011-2022 走看看