jQuery elimina todas las filas de la tabla excepto la primera

Solución:

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 usando la función empty () de jQuery con los elementos thead y tbody en su tabla.

Ejemplo de tabla:

<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 resultar útil cuando desee actualizar solo el contenido de una tabla.

---

---

Utiliza Nuestro Buscador