jQuery löscht alle Tabellenzeilen außer der ersten

Wie lösche ich mit jQuery alle Zeilen in einer Tabelle mit Ausnahme der ersten? Dies ist mein erster Versuch, Indexselektoren zu verwenden. Wenn ich die Beispiele richtig verstehe, sollte Folgendes funktionieren:

$(some table selector).remove("tr:gt(0)");

Dies würde ich als "Wickeln Sie eine Tabelle in ein jQuery-Objekt ein und entfernen Sie dann alle 'tr'-Elemente (Zeilen), bei denen der Elementindex solcher Zeilen größer als Null ist" lesen. In Wirklichkeit wird es ohne Fehler ausgeführt, entfernt jedoch keine Zeilen aus der Tabelle.

Was fehlt mir und wie behebe ich das? Natürlich könnte ich auch nur Javascript verwenden, aber ich habe so viel Spaß mit jQuery, dass ich dies gerne mit jQuery lösen möchte.

Das sollte funktionieren:

$(document).ready(function() {
   $("someTableSelector").find("tr:gt(0)").remove();
});

Ich denke, dies ist in Anbetracht der Absicht besser lesbar:

$('someTableSelector').children( 'tr:not(:first)' ).remove();

Die Verwendung von Kindern kümmert sich auch um den Fall, dass die erste Zeile eine Tabelle enthält, indem die Suchtiefe begrenzt wird.

Wenn Sie ein TBODY-Element hatten, können Sie dies tun:

$("someTableSelector > tbody:last").children().remove();

Wenn Sie THEAD- oder TFOOT-Elemente haben, müssen Sie etwas anderes tun.

Eine andere Möglichkeit, dies zu erreichen, ist die Verwendung der Funktion empty () von jQuery mit den Elementen thead und tbody in Ihrer Tabelle.

Beispiel einer Tabelle:

<table id="tableId">
<thead>
    <tr><th>Col1</th><th>Col2</th></tr>
</thead>
<tbody>
    <tr><td>some</td><td>content</td></tr>
    <tr><td>to be</td><td>removed</td></tr>
</tbody>
</table>

Und der Befehl jQuery:

$("#tableId > tbody").empty();

Dadurch werden alle im tbody-Element Ihrer Tabelle enthaltenen Zeilen entfernt und das thead-Element dort belassen, wo sich Ihre Kopfzeile befinden sollte. Dies kann nützlich sein, wenn Sie nur den Inhalt einer Tabelle aktualisieren möchten.

Wenn ich es wäre, würde ich es wahrscheinlich auf einen einzigen Selektor reduzieren:

$('someTableSelector tr:not(:first)').remove();

Ihr Selektor muss sich nicht in Ihrer Entfernung befinden.

Es sollte ungefähr so ​​aussehen:

$("#tableID tr:gt(0)").remove();

Dies bedeutet, dass Sie jede Zeile mit Ausnahme der ersten in der Tabelle mit der ID tableID auswählen und aus dem DOM entfernen.

$('#table tr').slice(1).remove();

Ich erinnere mich, dass ich auf dieses „Slice“ gestoßen bin, das schneller ist als alle anderen Ansätze.

Stellen Sie sich eine Tabelle mit der ID vor tbl: Der jQuery-Code lautet:

$('#tbl tr:not(:first)').remove();

Verwenden Sie den folgenden Code, um alle Zeilen außer der ersten (außer der Kopfzeile) zu entfernen:

$("#dataTable tr:gt(1)").remove();

Einfachster Weg :

$("#mytable").find($("tr")).slice(1).remove()

-verweisen Sie zuerst auf die Tabelle
-get der Liste der Elemente und schneiden Sie sie und entfernen Sie die ausgewählten Elemente der Liste

-Schade, das ist eine sehr späte Antwort.

Der einfachste Weg, eine Zeile (und alle anderen Zeilen durch Iteration) zu löschen, ist dieser

$ ('# rowid', '# tableid'). remove ();

Der Rest ist einfach.

$ ("# p-items"). find ('tr.row-items') .remove ();

in eine Funktion eingewickelt:

function remove_rows(tablename) { 
    $(tablename).find("tr:gt(0)").remove();        
}

dann nenne es:

remove_rows('#table1');
remove_rows('#table2');

Das funktioniert perfekt

$("#myTable tbody").children( 'tr:not(:first)' ).html("");

Dies funktionierte in meinem Fall folgendermaßen und funktionierte einwandfrei

$("#compositeTable").find("tr:gt(1)").remove();