jquery实现表格上移,下移置顶操作

所属分类:布局类

 3659次|    9次   点击收藏(6)

jquery实现表格上移,下移置顶操作

jquery实现表格上移,下移置顶操作,很简单的实现。


主要代码如下:


 //上移
                var $up = $(".up")
                $up.click(function () {
                    var $tr = $(this).parents("tr");
                    if ($tr.index() != 0) {
                        $tr.fadeOut().fadeIn();
                        $tr.prev().before($tr);

                    }
                });
                //下移
                var $down = $(".down");
                var len = $down.length;
                $down.click(function () {
                    var $tr = $(this).parents("tr");
                    if ($tr.index() != len - 1) {
                        $tr.fadeOut().fadeIn();
                        $tr.next().after($tr);
                    }
                });
                //置顶
                var $top = $(".top");
                $top.click(function () {
                    var $tr = $(this).parents("tr");
                    $tr.fadeOut().fadeIn();
                    $(".table").prepend($tr);
                    $tr.css("color", "#f60");
                });

关于前端资源库

前端资源库是haorooms博主平时积累的前端资源,大部分来源于互联网。但经过博主调试和加工,集聚了博主的心血。

因此,资源库所有资源,仅供学习和参考,切勿下载下来用于商业用途或者转卖。转载请注明来自haorooms博客资源库!

联系方式
关键词搜索