jQuery elimina todas las filas de la tabla excepto la primera

Usando jQuery, ¿cómo elimino todas las filas de una tabla, excepto la primera? Este es mi primer intento de usar selectores de índice. Si entiendo los ejemplos correctamente, lo siguiente debería funcionar:

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

que leería como "Ajustar alguna tabla en un objeto jQuery, luego eliminar todos los elementos 'tr' (filas) donde el índice del elemento de tales filas es mayor que cero". En realidad, se ejecuta sin generar un error, pero no elimina ninguna fila de la tabla.

¿Qué me estoy perdiendo y cómo soluciono esto? Por supuesto, podría usar JavaScript directo, pero me estoy divirtiendo tanto con jQuery que me gustaría resolver esto usando jQuery.

Esto debería funcionar:

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

Creo que esto es más legible dada la intención:

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

El uso de niños también se ocupa del caso en el que la primera fila contiene una tabla al limitar la profundidad de la búsqueda.

Si tenía un elemento TBODY, puede hacer esto:

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

Si tiene elementos THEAD o TFOOT, deberá hacer algo diferente.

Otra forma de lograr esto es usar la función empty () de jQuery con los elementos thead y tbody en su tabla.

Ejemplo de una mesa:

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

Y el comando jQuery:

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

Esto eliminará todas las filas contenidas en el elemento tbody de su tabla y mantendrá el elemento thead donde debería estar su encabezado. Puede ser útil cuando desea actualizar solo el contenido de una tabla.

Si fuera yo, probablemente lo reduciría a un solo selector:

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

Su selector no necesita estar dentro de su eliminación.

Debería verse algo así como:

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

Lo que significa seleccionar cada fila, excepto la primera en la tabla con ID de tableID y eliminarlas del DOM.

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

Recuerdo que encontrar ese 'corte' es más rápido que todos los otros enfoques, así que solo ponlo aquí.

Considere una tabla con id tbl: el código jQuery sería:

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

Para eliminar todas las filas, excepto la primera (excepto el encabezado), use el siguiente código:

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

La manera más fácil :

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

-primera referencia a la tabla
-obtener la lista de elementos y cortarla y eliminar los elementos seleccionados de la lista

-Lo siento, esta es una respuesta muy tardía.

La forma más fácil que he encontrado para eliminar cualquier fila (y todas las demás filas a través de la iteración) es esta

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

El resto es fácil.

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

envuelto en una función:

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

entonces llámalo:

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

Esto funciona perfectamente

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

Esto funcionó de la siguiente manera en mi caso y funcionó bien

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