jQuery elimina tutte le righe della tabella tranne la prima

Utilizzando jQuery, come posso eliminare tutte le righe in una tabella tranne la prima? Questo è il mio primo tentativo di utilizzare i selettori di indice. Se capisco correttamente gli esempi, dovrebbe funzionare quanto segue:

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

che vorrei leggere come "Avvolgere una tabella in un oggetto jQuery, quindi rimuovere tutti gli elementi 'tr' (righe) in cui l'indice degli elementi di tali righe è maggiore di zero". In realtà, viene eseguito senza generare un errore, ma non rimuove alcuna riga dalla tabella.

Cosa mi manca e come posso risolvere questo problema? Certo, potrei usare javascript direttamente, ma mi sto divertendo così tanto con jQuery che mi piacerebbe risolverlo usando jQuery.

Questo dovrebbe funzionare:

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

Penso che questo sia più leggibile dato l'intento:

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

L'uso di children si occupa anche del caso in cui la prima riga contiene una tabella limitando la profondità della ricerca.

Se hai avuto un elemento TBODY, puoi farlo:

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

Se hai elementi THEAD o TFOOT dovrai fare qualcosa di diverso.

Un altro modo per ottenere questo risultato è usare la funzione empty () di jQuery con gli elementi thead e tbody nella tabella.

Esempio di una tabella:

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

E il comando jQuery:

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

Ciò rimuoverà tutte le righe contenute nell'elemento tbody della tabella e manterrà l'elemento thead nel punto in cui dovrebbe trovarsi l'intestazione. Può essere utile quando si desidera aggiornare solo il contenuto di una tabella.

Se fossi in me, probabilmente lo riassumerei in un solo selettore:

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

Non è necessario che il tuo selettore sia all'interno della tua rimozione.

Dovrebbe assomigliare a:

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

Il che significa selezionare ogni riga tranne la prima nella tabella con ID di tableID e rimuoverli dal DOM.

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

Ricordo che imbattermi in quella "fetta" è più veloce di tutti gli altri approcci, quindi basta metterlo qui.

Considera una tabella con ID tbl: il codice jQuery sarebbe:

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

Per rimuovere tutte le righe, tranne la prima (tranne l'intestazione), utilizzare il codice seguente:

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

Il modo più semplice:

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

-prima riferimento alla tabella
-get la lista di elementi e la suddividete e rimuovete gli elementi selezionati della lista

-Scusa, questa è una risposta molto tardi.

Il modo più semplice che ho trovato per eliminare qualsiasi riga (e tutte le altre righe tramite iterazione) è questo

$ ( '# Rowid', '# IDtabella') remove ().;

Il resto è facile.

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

avvolto in una funzione:

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

quindi chiamalo:

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

Funziona perfettamente

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

Nel mio caso ha funzionato nel modo seguente e ha funzionato bene

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