jQuery usuwa wszystkie wiersze tabeli oprócz pierwszego

Za pomocą jQuery, jak usunąć wszystkie wiersze w tabeli oprócz pierwszego? To moja pierwsza próba użycia selektorów indeksu. Jeśli dobrze rozumiem przykłady, następujące działania powinny działać:

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

który przeczytałbym jako „Zawiń tabelę w obiekt jQuery, a następnie usuń wszystkie elementy (wiersze)„ tr ”, gdzie indeks takich wierszy jest większy od zera”. W rzeczywistości wykonuje się bez generowania błędu, ale nie usuwa żadnych wierszy z tabeli.

Czego mi brakuje i jak to naprawić? Oczywiście, mógłbym użyć prostego javascript, ale tak dobrze się bawię z jQuery, że chciałbym rozwiązać to za pomocą jQuery.

To powinno działać:

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

Myślę, że jest to bardziej czytelne, biorąc pod uwagę zamiar:

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

Korzystanie z dzieci dba również o przypadek, w którym pierwszy wiersz zawiera tabelę, ograniczając głębokość wyszukiwania.

Jeśli masz element TBODY, możesz to zrobić:

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

Jeśli masz elementy THEAD lub TFOOT, musisz zrobić coś innego.

Innym sposobem na osiągnięcie tego jest użycie funkcji pustej () jQuery z elementami thead i tbody w tabeli.

Przykład tabeli:

<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>

I polecenie jQuery:

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

Spowoduje to usunięcie wszystkich wierszy zawartych w elemencie tbody tabeli i zachowanie elementu thead w miejscu, w którym powinien znajdować się nagłówek. Może być przydatny, gdy chcesz odświeżyć tylko zawartość tabeli.

Gdybym to był ja, prawdopodobnie sprowadziłbym to do jednego selektora:

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

Twój selektor nie musi znajdować się w środku Twojego usunięcia.

Powinien wyglądać mniej więcej tak:

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

Co oznacza, że ​​zaznacz każdy wiersz oprócz pierwszego w tabeli o identyfikatorze tableID i usuń je z DOM.

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

Pamiętam, że natknięcie się na ten „kawałek” jest szybsze niż wszystkie inne podejścia, więc po prostu go tutaj umieść.

Rozważmy tabelę o id tbl: kod jQuery będzie:

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

Aby usunąć wszystkie wiersze oprócz pierwszego (oprócz nagłówka), użyj poniższego kodu:

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

Najprostszy sposób :

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

-pierwsze odwołanie do tabeli
-zbierz listę elementów i pokrój ją i usuń wybrane elementy z listy

- Przepraszam, to jest bardzo późna odpowiedź.

Najłatwiejszy sposób, jaki udało mi się usunąć dowolny wiersz (i wszystkie inne wiersze poprzez iterację) to

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

Reszta jest łatwa.

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

zawinięte w funkcję:

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

nazwij to:

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

To działa idealnie

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

W moim przypadku działało to w następujący sposób i działało dobrze

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