jquery實作更改表格行順序範例_jquery

表格部分如下：

複製程式碼 程式碼如下:

   
       
          
           
   
   
       
           
           
           
       
      🎜>           
           
           

操作
2014-04-29 11:02:24	詳情	phi  lyphicon-arrow-down" move_act="down"> span>
2014-04-28 10:00:00	詳情	.    td>

js程式碼，其中會為要變更的行在變更順序後加上cla​​ss=danger

複製代碼

代碼如下:$(function(){  $('.move_btn').click(function(){

    var move_act = $(this).attr('move_act');

 test = $(this).attr('move_act');
 test. tbody tr').removeClass('danger');

    if(move_act == 'up'){
      $(this).parent().parent('tr').addClass('danger this).parent().parent('tr'));
    }    else if(move_act == 'down'){

      $(this).parent(). ).addClass('danger')
             .next().after($(this).parent().parent('tr'));
    }<. tbody tr>  });
});

更改後可以按照每行的唯一標記提交新的順序