jquery对信息进行排序操作
来源:互联网 发布:linux shell rm rf 编辑:程序博客网 时间:2024/06/03 07:48
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>ul列表排序</title><script src="jquery-1.7.1.min.js"></script></head><style>a{ cursor:pointer;}</style><script>$(function(){ $("#list > li > a").click(function(){ if( $(this).attr("class") == 'up' ){ if( $(this).parent("li").index() == 0 ){ alert("你已经在最顶部!"); }else{ var vsort = $(this).parent("li").prev("li").attr("sort"); $(this).parent("li").prev("li").attr("sort",$(this).parent("li").attr("sort")) var html = $(this).parent("li").prev("li"); $(this).parent("li").attr("sort",vsort); $(this).parent("li").after(html); //ajax请求 交换改变两个记录的排序值 } }else if( $(this).attr("class") == 'down' ){ if( $(this).parent("li").index() == 4 ){ alert("你已经在最底部!"); }else{ var vsort = $(this).parent("li").next("li").attr("sort"); $(this).parent("li").next("li").attr("sort",$(this).parent("li").attr("sort")) var html = $(this).parent("li").next("li"); $(this).parent("li").attr("sort",vsort); $(this).parent("li").before(html); //ajax请求 交换改变两个记录的排序值 } } });});</script><body><ul id="list"><li sort='1' rel="1" ><a class="up">up</a> <a class="down">down</a>第一条信息1</li><li sort='2' rel="2" ><a class="up">up</a> <a class="down">down</a>第一条信息2</li><li sort='3' rel="3" ><a class="up">up</a> <a class="down">down</a>第一条信息3</li><li sort='4' rel="4" ><a class="up">up</a> <a class="down">down</a>第一条信息4</li><li sort='5' rel="5" ><a class="up">up</a> <a class="down">down</a>第一条信息5</li></ul></body></html>
0 0
- jquery对信息进行排序操作
- jQuery 对Select 进行操作
- jQuery 对表格进行操作
- jQuery对节点进行操作
- JQuery对HTML进行操作
- jquery对class进行操作
- jquery对表格进行内容排序
- jquery tablesorter对表格进行排序
- jQuery如何对div进行排序
- jQuery练习3-对多选框进行操作
- JQuery对当前的时间进行操作。
- 利用Jquery对动态元素进行操作
- 通过 jQuery,对 CSS 元素进行操作。
- jQuery对radiogroup进行选中操作
- JAVA中对LIST进行排序操作
- 对字符串数字 进行排序操作
- Linq:对XML文档进行排序操作
- jquery对table做排序操作
- 习惯
- SpringMVC+Quartz配置定时任务
- 浅谈EasyUI的使用
- sqlite之我见--C/C++ API接口示例 .
- 基于Local Search的直线匹配算法
- jquery对信息进行排序操作
- 物联网15年,盘点国内崛起的智能产业
- 四翼---MPU6050
- hibernate.cfg.xml文件详解
- php利用ajax双击table修改内容
- 危险的房屋拆改情况
- [2012山东省第三届ACM大学生程序设计竞赛]——Mine Number
- JAVA中定时器Timer的使用
- linux内核中的链表