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)     這兩個條件