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)     这两个条件