So ordnen Sie die Tabelle Seriennummer nach dem Löschen der Zeile neu

Question

Ich habe eine Tabelle mit wenigen Schaltflächen in jeder Zeile. Ich muss die Tabellenzeile entfernen, wenn ich auf die Löschen-Schaltfläche jeder Zeile klicke. Mein Problem hier ist, wenn ich die Reihe die S.N. lösche. ist nicht in der Reihenfolge angeordnet. Zum Beispiel: Wenn es 5 Zeilen und sobald ich die erste Zeile entfernen, wird es als 2, 3, 4, 5 anstelle von 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

Zunächst einmal bestellen sollten Sie nicht habe dieselbe ID. IDs müssen eindeutig sein. verwenden Sie können vielmehr Klasse und dann Klassenauswahl die Elemente zum Ziel:

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

Für Nachbestellung Sie Index des Elements in .attr Callback-Funktion verwenden können id einzustellen basierend auf Index:

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