js实现上移下移

ゝ一世哀愁。 2021-11-08 22:40 381阅读 0赞

直接上代码

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

转载于:https://www.cnblogs.com/kekelele/p/11244142.html

发表评论取消回复

表情：

评论列表（有 0 条评论，381人围观）

还没有评论，来说两句吧...

相关阅读

相关 myeclipse代码整体左移、右移、上移、下移

*myeclipse框选的代码左移、右移、上移、下移快捷键** **解决方法：** 左移、右移：[http://www.yayihouse.com/yayish...

川长思鸟来/ 2024年04月17日 14:34/ 0 赞/ 173 阅读

相关 DataGridView怎样实现添加、删除、上移、下移一行

场景在Winform中使用DataGridView实现添加一行、删除一行、上移一行、下移一行。注：博客主页： [https://blog.csdn.net/

分手后的思念是犯贱/ 2023年10月11日 00:50/ 0 赞/ 152 阅读

相关 Table 表格实现上移下移功能

Table 表格实现上移下移功能置顶 2019-10-08 14:19:31 [小伙子。][Link 1] 阅读数 208更多分类专栏： [js][] 版权声明：

曾经终败给现在/ 2023年06月16日 07:59/ 0 赞/ 173 阅读

相关 vue+element实现表格上移下移

之前为了实现功能，网上找了一大堆各位前辈写的代码，还是整合了一下，适用于自己的代码功能主要实现依赖vue的this.$set(target,obj,resou

ゝ一世哀愁。/ 2023年03月13日 06:46/ 0 赞/ 24 阅读

相关思想上移，行动下移

天将降大任于斯人也，何为大任？报效国家还是造福人类？任何事情能够成功都是做好一件件小事积累成的。勿以恶小而为之，勿以善小而不为，就是这个道理。成才的秘密锦囊就是认真对待每一个细

柔情只为你懂/ 2022年11月29日 13:24/ 0 赞/ 276 阅读

相关上移下移mysql查询_MySQL 上移/下移/置顶

在编写网站系统时，难免会用到上移、下移、置顶的功能，今天小编就介绍一下我的思路。首先，需要一张数据表： CREATE TABLE\`a\` ( \`id\`int(11

素颜马尾好姑娘i/ 2022年10月26日 14:22/ 0 赞/ 314 阅读

相关 jq实现表格上移/下移/置顶功能

这里主要是运用了选择器的一些知识，全部代码如下： <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <m

ゝ一纸荒年。/ 2022年06月02日 04:13/ 0 赞/ 310 阅读

相关 Java实现列表数据的上移和下移总结

Java实现列表数据的上移和下移总结 > > 主要思路：一般涉及到排序功能，数据库都会新增一个sort为int型的字段，新增一条数据时，sort取当前表里sort最大值再

心已赠人/ 2022年05月14日 10:55/ 0 赞/ 1706 阅读

相关 Java实现列表上移，下移操作总结

最近遇到这么一个需求，要求对列表中的数据进行自定义排序操作，思前想后，决定通过上下移动来实现此功能。实现思路： 1.在数据库中对要进行排序那张表新增一个sort字段用于排

淡淡的烟草味﹌/ 2022年02月25日 06:16/ 1 赞/ 1001 阅读

相关 js实现上移下移

直接上代码 //上移 var $up = $(".up") $up.click(function ()

ゝ一世哀愁。/ 2021年11月08日 22:40/ 0 赞/ 382 阅读