js实现上移下移
2024-08-24 09:54:43
直接上代码
//上移
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) 这两个条件
最新文章
- JS 函数的柯里化与反柯里化
- 速度极快的导出excel
- DP优化与换零钱问题
- linux一些常用命令
- OAF_文件系列12_实现OAF导出PDF方式TemplateHelper
- Python开发【第三章】:Python的文件操作
- 20145233韩昊辰 《Java程序设计》实验报告一:Java开发环境的熟悉(Windows+IDEA)
- JDBC 增删查改
- android实现点击短链接进入应用 并获得整个连接的内容
- PTVS在Visual Studio中的安装
- 深入理解 JavaScript 事件循环(一)— event loop
- 集合源码(一)之hashMap、ArrayList
- [转]centos7 修改yum源为阿里源
- HDU 1542 Atlantis(扫描线)题解
- JMagic 操作 ImageMagick 处理图片
- java运算符-算数、赋值、比较
- Date、Calendar、DateFormat类
- python中str相关函数
- iptables实战演练
- SoapUI使用笔记备忘