行を削除した後にテーブルのシリアル番号を並べ替える方法

Question

各行にボタンが少ないテーブルがあります。私は各行の削除ボタンをクリックすると、テーブルの行を削除する必要があります。ここでの私の問題は、私がS.N.順番に並んでいない。例：そこに5行があると、私は最初の行を削除したら、それは5、4、3、2通りの代わりに、あなたはいけないすべての1、2、3、4

<table> 
<thead> 
    <tr> 
     <th>S.N.</th> 
     <th>Name</th> 
     <th>Address</th> 
     <th>Modified Date</th> 
     <th>Action</th> 
    </tr> 
</thead> 
<tbody> 
    <?php 
    $sn = 1; 
    while($result= mysql_fetch_row($res)) 
    { 

     ?> 
     <tr id=<?= $result[0];?>> 
      <td><? echo $sn++; ?></td> 
      <td><? echo $result[1] ?></td> 
      <td><? echo $result[2] ?></td> 
      <td><? echo $result[3] ?></td> 
      <td> 
       <a href="#" id="delete">Delete</a> 
       <a href="#" id="edit">Edit</a> 
      </td> 

     </tr> 

     <?php } ?> 
    </tbody> 
</table> 

$('#delete').on('click', function(e) { 
    e.preventDefault(); 
    var id = $(this).closest('tr').attr('id'); 
    $(this).closest('tr').remove(); 
}); 

Answer 1

まず注文する場合は同じIDを持つIDは一意でなければなりません。あなたは、むしろそれらの要素をターゲットにするクラスと、クラスセレクタを使用することができます。

$('.delete').on('click...... 

並べ替えのために、あなたはインデックスに基づいてIDを設定する.attrコールバック関数内の要素のインデックスを使用することができます。

$('table tbody tr').attr('id',function(i,o){ 
    return i++ ; 
});