löschen Tabelle jquery

Question

Ich habe eine HTML-Tabelle mit einer Reihe von Zeilen gefüllt.

Wie kann ich entfernen alle Zeilen aus der Tabelle?

Answer 1

Verwenden .remove()

$("#yourtableid tr").remove(); 

Wenn Sie die Daten für die zukünftige Verwendung auch nach dem Entfernen sie behalten möchten, dann können Sie .detach()

$("#yourtableid tr").detach(); 

verwenden Wenn die Zeilen Kinder die sind Tabelle dann können Sie Kind-Selektor anstelle von Nachkommen Selektor, wie

verwenden

$("#yourtableid > tr").remove(); 

Answer 2

Etwas schneller als jedes einzeln zu entfernen:

$('#myTable').empty() 

Technisch wird dies thead, tfoot und tbody Elemente entfernen.

Answer 3

Wenn Sie die Daten zu löschen, sondern halten die Header:

$('#myTableId tbody').remove(); 

Die Tabelle muss auf diese Weise formatiert werden:

<table id="myTableId"> 
    <thead> 
     <tr> 
      <th>header1</th><th>header2</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>data1</td><td>data2</td> 
     </tr> 
    </tbody> 
</table> 

Answer 4

ich dies benötigt:

$('#myTable tbody > tr').remove(); 

Es löscht alle Zeilen außer dem Header.

Answer 5

Die nukleare Option:

$("#yourtableid").html(""); 

Zerstört alles innerhalb von #yourtableid. Seien Sie vorsichtig mit Ihren Selektoren, da es html in dem Selektor zerstört, den Sie übergeben!

Answer 6

$("#employeeTable td").parent().remove(); 

Dies entfernt alle trtd als Kind mit. d. h. alle Zeilen außer der Kopfzeile werden gelöscht.

Answer 7

$('#myTable > tr').remove(); 

Answer 8

eine Tabelle wie folgt zu haben (mit einem Kopf und einem Körper)

<table id="myTableId"> 
    <thead> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 

Entfernen jeden tr mit einem Elternteil genannt tbody innerhalb der #tableId

$('#tableId tbody > tr').remove(); 

und umgekehrt, wenn Sie möchten zu Ihrer Tabelle hinzufügen

$('#tableId tbody').append("<tr><td></td>....</tr>"); 

Answer 9

<table id="myTable" class="table" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>Header 1</th> 
      <th>Header 2</th> 
      <th>Header 3</th> 
     </tr> 
    </thead> 
    <tbody id="tblBody"> 

    </tbody> 
</table> 

Und entfernen:

$("#tblBody").empty(); 

Answer 10

Dies wird alle Zeilen zum Körper gehören, entfernen, damit die Header zu halten und Körper intakt.

$ ("# tableLoanInfos tbody tr") entfernen ();