tabla clara jquery

Tengo una tabla HTML llena de varias filas.

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

Utilice .remove ()

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

Si desea conservar los datos para uso futuro incluso después de eliminarlos, puede usar .detach ()

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

Si las filas son elementos secundarios de la tabla, puede usar el selector secundario en lugar del selector descendiente, como

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

Si desea borrar los datos pero conservar los encabezados:

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

La tabla debe formatearse 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>

Un poco más rápido que quitar cada uno individualmente:

$('#myTable').empty()

Técnicamente, esto eliminará thead, tfooty tbodylos elementos también.

Necesitaba esto:

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

Elimina todas las filas excepto el encabezado.

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!

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

Esto eliminará todo lo que trtenga de tdniño. es decir, se eliminarán todas las filas excepto el encabezado.

Esto eliminará todas las filas que pertenecen al cuerpo, manteniendo intactos los encabezados y el cuerpo:

$("#tableLoanInfos tbody tr").remove();

<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();

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

Tener una tabla como esta (con un encabezado y un cuerpo)

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

elimine cada tr que tenga un padre llamado tbody dentro del #tableId

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

y al revés si quieres agregar a tu mesa

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