tabla clara jquery

Question

Tengo tabla HTML rellenada con varias filas.

¿Cómo puedo eliminar todas las filas de la tabla?

Answer 1

Uso .remove()

$("#yourtableid tr").remove(); 

Si desea mantener los datos para su uso futuro, incluso después de sacarlo a continuación, puede utilizar .detach()

$("#yourtableid tr").detach(); 

Si las filas son hijos de la En la tabla, puede usar el selector de elementos secundarios en lugar del selector de descendientes, como

$("#yourtableid > tr").remove(); 

Answer 2

ligeramente más rápido que la eliminación de cada uno individualmente:

$('#myTable').empty() 

Técnicamente, esto eliminará thead, tfoot y tbody elementos también.

Answer 3

Si desea borrar los datos, pero mantener los encabezados:

$('#myTableId tbody').remove(); 

La tabla debe tener el formato de esta manera:

<table id="myTableId"> 
    <thead> 
     <tr> 
      <th>header1</th><th>header2</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>data1</td><td>data2</td> 
     </tr> 
    </tbody> 
</table> 

Answer 4

que necesitaba esto:

$('#myTable tbody > tr').remove(); 

Elimina todas las filas excepto el encabezado.

Answer 5

La opción nuclear:

$("#yourtableid").html(""); 

destruye todo dentro de #yourtableid. Tenga cuidado con sus selectores, ya que destruirá cualquier html en el selector que pase.

Answer 6

$("#employeeTable td").parent().remove(); 

Esto eliminará todos los tr tener td como niño. es decir, todas las filas, excepto el encabezado, se eliminarán.

Answer 7

$('#myTable > tr').remove(); 

Answer 8

Tener una tabla como la siguiente (con un encabezado y un cuerpo)

<table id="myTableId"> 
    <thead> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 

quitar cada pa tener un padre llamado tbody dentro del #tableId

$('#tableId tbody > tr').remove(); 

y a la inversa, si desea agregar a su tabla

$('#tableId tbody').append("<tr><td></td>....</tr>"); 

Answer 9

<table id="myTable" class="table" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>Header 1</th> 
      <th>Header 2</th> 
      <th>Header 3</th> 
     </tr> 
    </thead> 
    <tbody id="tblBody"> 

    </tbody> 
</table> 

y quitar:

$("#tblBody").empty(); 

Answer 10

Esto eliminará todas las filas que pertenecen al cuerpo, manteniendo así las cabeceras y el cuerpo intacto:.

$ ("# tableLoanInfos tr tbody") eliminar ();