正文

js实现上移下移

IP云
IP云V管理员/9 阅读
12/02
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

直接上代码 


            //上移

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

相关阅读

目录[+]