Tabelle löschen jquery

Lesezeit: 2 Minuten

Lernen

ich habe ein HTML-Tabelle mit mehreren Zeilen gefüllt.

Wie kann ich Löschen alle Zeilen aus der Tabelle?

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

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

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

Wenn die Zeilen untergeordnete Elemente der Tabelle sind, können Sie den untergeordneten Selektor anstelle des untergeordneten Selektors verwenden, z

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

Seien Sie vorsichtig mit dem letzten: Die meisten Browser fügen ein implizites hinzu tbody Element um die tr Elemente.

– Nickf

12. April 2010 um 6:20 Uhr

HoffZ

Wenn Sie die Daten löschen, aber die Kopfzeilen beibehalten möchten:

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

Die Tabelle muss folgendermaßen formatiert sein:

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

das funktioniert, aber das entfernt den ‘tbody’ selbst mit all dem ‘tr’ darin.

– Hakan Faustik

15. November 2016 um 14:45 Uhr
Du hast recht, @HakamFostok. Ich habe meine Antwort bearbeitet, um stattdessen empty() zu verwenden

– HoffZ

22. September 2018 um 13:10 Uhr

Etwas schneller als jedes einzeln zu entfernen:

$('#myTable').empty()

Technisch wird dies entfernt thead, tfoot und tbody Elemente auch.

Ich brauchte das:

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

Es löscht alle Zeilen außer der Kopfzeile.

Die nukleare Option:

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

Zerstört alles darin #yourtableid. Seien Sie vorsichtig mit Ihren Selektoren, da sie zerstört werden irgendein html im Selektor übergeben Sie!

+1 für Kern :). Aber sollte verstehen, dass das nicht der ‘beste’ Stil ist 🙂 Ich würde es im Allgemeinen nicht empfehlen

– Buddha

6. Januar 2014 um 3:29 Uhr
lol. Einverstanden. Ich habe diese spezielle Methode in der Vergangenheit für Geschwindigkeit und Geschwindigkeit verwendet schwierige Situationen zu lösen. Es hat einige gültige Verwendung im Bereich von JQuery-Anwendungen.

– KevinDeus

7. Januar 2014 um 7:22 Uhr

Harry

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

Dadurch werden alle entfernt tr haben td als Kind. dh alle Zeilen außer der Kopfzeile werden gelöscht.

+1 für Kern :). Aber sollte verstehen, dass das nicht der ‘beste’ Stil ist 🙂 Ich würde es im Allgemeinen nicht empfehlen

– Buddha

6. Januar 2014 um 3:29 Uhr
lol. Einverstanden. Ich habe diese spezielle Methode in der Vergangenheit für Geschwindigkeit und Geschwindigkeit verwendet schwierige Situationen zu lösen. Es hat einige gültige Verwendung im Bereich von JQuery-Anwendungen.

– KevinDeus

7. Januar 2014 um 7:22 Uhr

Sumit-Patel

Dadurch werden alle zum Hauptteil gehörenden Zeilen entfernt, sodass die Kopfzeilen und der Hauptteil intakt bleiben:

$("#tableLoanInfos tbody tr").remove();

13107500cookie-checkTabelle löschen jquery

#Abfrage #html-Tabelle