jquery実装テーブル行順序変更例

2277 ワード

表のセクションは次のとおりです.
 
  

   
       
              
           
           
       
   
   
       
           
           
           
       
       
           
           
           
       
   

                2014-04-29 11:02:24
           

               
           

               
               
           

                2014-04-28 10:00:00
           

               
           

               
               
           


jsコードは、変更する行に変更順序の後にclass=dangerを付ける
 
  
<br>$(function(){ <br>  $('.move_btn').click(function(){ <br>    var move_act = $(this).attr('move_act'); <br>    $('#test_table tbody tr').removeClass('danger'); <p></p> <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>

変更後、各行の一意のタグに従って新しい順序をコミットできます.