最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:22:21
文档

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

使用jquery写个更改表格行顺序的小功能_jquery:周末写了个更改表格行顺序的小功能,直接贴代码 表格部分如下: 代码如下: 时间 详情 操作 2014-04-29 11:02:24 详情 2014-04-28 10:00:00 详情 js代码,其中会为要变更的行在变更顺序后加上class=danger
推荐度:
导读使用jquery写个更改表格行顺序的小功能_jquery:周末写了个更改表格行顺序的小功能,直接贴代码 表格部分如下: 代码如下: 时间 详情 操作 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);
});
});


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

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

文档

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

使用jquery写个更改表格行顺序的小功能_jquery:周末写了个更改表格行顺序的小功能,直接贴代码 表格部分如下: 代码如下: 时间 详情 操作 2014-04-29 11:02:24 详情 2014-04-28 10:00:00 详情 js代码,其中会为要变更的行在变更顺序后加上class=danger
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top