当前位置:  编程技术>WEB前端

使用jquery写个更改表格行顺序的小功能

    来源: 互联网  发布时间:2014-08-25

    本文导语:  周末写了个更改表格行顺序的小功能,直接贴代码 表格部分如下: 代码如下: 时间 详情 操作 2014-04-29 11:02:24 详情 2014-04-28 10:00:00 详情 js代码,其中会为要变更的行在变更顺序后加上class=danger 代码如下:...

周末写了个更改表格行顺序的小功能,直接贴代码

表格部分如下:
代码如下:




时间
详情
操作





2014-04-29 11:02:24


详情








2014-04-28 10:00:00


详情









js代码,其中会为要变更的行在变更顺序后加上class=danger
代码如下:


$(function(){
$('.move_btn').click(function(){
var move_act = $(this).attr('move_act');
$('#test_table tbody tr').removeClass('danger');

if(move_act == 'up'){
$(this).parent().parent('tr').addClass('danger')
.prev().before($(this).parent().parent('tr'));
}
else if(move_act == 'down'){
$(this).parent().parent('tr').addClass('danger')
.next().after($(this).parent().parent('tr'));
}
setTimeout("$('#test_table tbody tr').removeClass('danger');", 2000);
});
});


更改后可以按照每行的唯一标记提交新的顺序

吐槽:喊着加班=狼性的公司都是不适合正常人类生存的公司,把周末加班当成鼓吹的事情&评价员工是否有狼性的标准更是扯淡。

    
 
 

您可能感兴趣的文章:

  • Java对象初始化顺序的使用
  • C++Primer笔记之顺序容器的使用详解
  • SQLServer按顺序执行多个脚本的方法(sqlcmd实用工具使用方法)
  • c++ vector(向量)使用方法详解(顺序访问vector的多种方式)
  • 使用iText组件不能在表格中显示中文?那位大侠遇到过类似问题?怎么解决?
  • html工作中表格<tbody>标签的使用技巧
  • SQL高级应用之使用SQL查询Excel表格数据的方法
  • 表格高级使用技巧_把表格进行到底(必看)
  • jQuery表格排序组件-tablesorter使用示例
  • 使用c#在word文档中创建表格的方法详解
  • asp.net使用jquery模板引擎jtemplates呈现表格
  • jQuery表格插件ParamQuery简单使用方法示例
  • jQuery入门-使用tablesorter插件(表格排序)
  • Android中使用ListView绘制自定义表格技巧分享
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 求助,linux下如何使用函数更改时区,例如设置美国时区 谢谢
  • 访问和更改关系数据,使用MSSQL外联接
  • jsp中使用frameset框架 边框固定不让更改边框的大小
  • C++ I/O 成员 tellg():使用输入流读取流指针
  • 在测试memset函数的执行效率时,分为使用Cash和不使用Cash辆种方式,该如何控制是否使用缓存?
  • C++ I/O 成员 tellp():使用输出流读取流指针
  • 求ibm6000的中文使用手册 !从来没用过服务器,现在急需使用它,不知如何使用! 急!!!!!
  • Python不使用print而直接输出二进制字符串
  • 请问:在使用oracle数据库作开发时,是使用pro*c作开发好些,还是使用库函数如oci等好一些啊?或者它们有什么区别或者优缺点啊?
  • Office 2010 Module模式下使用VBA Addressof
  • 急求结果!!假设一个有两个元素的信号量集S,表示了一个磁带驱动器系统,其中进程1使用磁带机A,进程2同时使用磁带机A和B,进程3使用磁带机B。
  • windows下tinyxml.dll下载安装使用(c++解析XML库)
  • c#中SAPI使用总结——SpVoice的使用方法
  • tcmalloc内存泄露优化c++开源库下载,安装及使用介绍
  • 使用了QWidget的程序,如何使用后台程序启动它?
  • sharepoint 2010 使用STSNavigate函数实现文件下载举例
  • 共享内存一般是怎么使用的,是同消息队列配合使用么
  • 使用libpcap读取tcpdump抓取的文件并解析c代码实例
  • Jsp可否使用带有GUI的JavaBean,如何使用?
  • c/c++预处理命令预#,##使用介绍
  • asp程序使用的access在Linux下如何使用!
  • 在div中使用css让文字底部对齐的方法
  • 新装的Linux使用root用户不能使用FTP?
  • Python namedtuple(命名元组)使用实例
  • LINUX下使用Eclipse,如何使用交叉编译器?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3