当前位置: 编程技术>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);
});
});
更改后可以按照每行的唯一标记提交新的顺序
吐槽:喊着加班=狼性的公司都是不适合正常人类生存的公司,把周末加班当成鼓吹的事情&评价员工是否有狼性的标准更是扯淡。
表格部分如下:
代码如下:
时间
详情
操作
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);
});
});
更改后可以按照每行的唯一标记提交新的顺序
吐槽:喊着加班=狼性的公司都是不适合正常人类生存的公司,把周末加班当成鼓吹的事情&评价员工是否有狼性的标准更是扯淡。