如何在刪除行後重新排序表序號否

Question

我有一個表中每行有幾個按鈕。當我點擊每行的刪除按鈕時，我必須刪除表格行。我的問題是當我刪除S.N.不按順序排列。例如：如果有5行一次刪除了第一行中，將順序2，3，4，5，而不是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...... 

重新排序，您可以根據指數使用元素的索引中.attr回調函數來設置ID：

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