表格部分如下：
复制代码 代码如下:
| 时间 | 详情 | 操作 |
|---|---|---|
|
2014-04-29 11:02:24 |
详情 |
|
|
2014-04-28 10:00:00 |
详情 |
|
js代码，其中会为要变更的行在变更顺序后加上class=danger
复制代码 代码如下:
<script type="text/javascript"><br>$(function(){<br> $('.move_btn').click(function(){<br> var move_act = $(this).attr('move_act');<br> $('#test_table tbody tr').removeClass('danger'); <p> if(move_act == 'up'){<br> $(this).parent().parent('tr').addClass('danger')<br> .prev().before($(this).parent().parent('tr'));<br> }<br> else if(move_act == 'down'){<br> $(this).parent().parent('tr').addClass('danger')<br> .next().after($(this).parent().parent('tr'));<br> }<br> setTimeout("$('#test_table tbody tr').removeClass('danger');", 2000);<br> });<br>});<br></script>
更改后可以按照每行的唯一标记提交新的顺序
