如何在删除行后重新排序表序号否

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++ ; 
});