js实现上移下移

ゝ一世哀愁。 2021-11-08 22:40 272阅读 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 条评论，272人围观）

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

相关阅读

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

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

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

相关 jquery上移下移插件_jQuery链接微移插件

jquery上移下移插件 A while back I debuted a tasteful mouseover/mouseout technique called link

我会带着你远行/ 2023年02月21日 15:26/ 0 赞/ 3 阅读

相关思想上移，行动下移

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

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

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

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

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

相关思想上移，行动下移——抽象工厂+反射+配置文件

从网上查找资料的时候发现很多同学都写过这篇博客了，可见我的方向没有跑偏。虽然我们学设计模式的时候已经接触过抽象工厂模式，大话设计模式中每个设计模式都紧密联系生活，而且主人公

蔚落/ 2022年08月24日 11:23/ 0 赞/ 143 阅读

相关 EXT 中tree中节点的上移与下移

右键时，可以得到相关的节点 var preNode,curNode,nextNode; function rightClickFn(panel2Tree, r

刺骨的言语ヽ痛彻心扉/ 2022年06月12日 07:38/ 0 赞/ 168 阅读

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

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

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

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

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

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

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

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

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

相关 js实现上移下移

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

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