当前位置: 编程技术>jquery
jquery 更改表格行顺序的例子
来源: 互联网 发布时间：2014-10-04
本文导语: 1，表格部分 代码示例: 时间 详情 操作 2014-04-29 11:02:24 ...
1，表格部分
代码示例:
时间
详情
操作
2014-04-29 11:02:24
详情
2014-04-28 10:00:00
详情
2，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效果。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。