jquery: la forma más rápida de eliminar todas las filas de una tabla muy grande

Pensé que esta podría ser una forma rápida de eliminar el contenido de una tabla muy grande (3000 filas):

$jq("tbody", myTable).remove();

Pero tarda unos cinco segundos en completarse en Firefox. ¿Estoy haciendo algo tonto (además de intentar cargar 3000 filas en un navegador)? ¿Hay una forma más rápida de hacerlo?

$("#your-table-id").empty();

Eso es lo más rápido que obtienes.

Es mejor evitar cualquier tipo de bucles, simplemente elimine todos los elementos directamente así:

$("#mytable > tbody").html("");

El uso de separar es magnitudes más rápido que cualquiera de las otras respuestas aquí:

$('#mytable').find('tbody').detach();

No olvides volver a colocar el elemento tbody en la mesa ya que detach lo eliminó:

$('#mytable').append($('<tbody>'));  

También tenga en cuenta que al hablar la $(target).find(child)sintaxis de eficiencia es más rápida que $(target > child). ¿Por qué? ¡Chisporrotear!

Tiempo transcurrido para vaciar 3161 filas de tablas

Usando el método Detach () (como se muestra en mi ejemplo anterior):

• Firefox: 0.027 s
• Cromo: 0.027 s
• Borde: 1,73 s
• IE11: 4.02s

Usando el método vacío ():

• Firefox: 0.055 s
• Cromo: 0.052 s
• Borde: 137,99 s (bien podría estar congelado)
• IE11: se congela y nunca regresa

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

No tocará los encabezados.

Dos problemas que puedo ver aquí:

1. Los métodos empty () y remove () de jQuery en realidad hacen bastante trabajo. Consulte Perfiles de llamadas a funciones JavaScript de John Resig para conocer el motivo.

2. La otra cosa es que para grandes cantidades de datos tabulares, podría considerar una biblioteca de cuadrículas de datos como las excelentes DataTables para cargar sus datos sobre la marcha desde el servidor, aumentando el número de llamadas de red, pero disminuyendo el tamaño de esas llamadas. Tenía una tabla muy complicada con 1500 filas que se volvió bastante lenta, el cambio a la nueva tabla basada en AJAX hizo que estos mismos datos parecieran bastante rápidos.

si desea eliminar solo rápido ... puede hacer lo siguiente ...

$( "#tableId tbody tr" ).each( function(){
  this.parentNode.removeChild( this ); 
});

pero, puede haber algunos elementos vinculados a eventos en la tabla,

en ese caso,

El código anterior no evita la pérdida de memoria en IE ... TT y no es rápido en FF ...

lo siento....

esto funciona para mi:

1- agregue una clase para cada fila "removeRow"

2- en jQuery

$(".removeRow").remove();

Podrías probar esto ...

var myTable= document.getElementById("myTable");
if(myTable== null)
    return;
var oTBody = myTable.getElementsByTagName("TBODY")[0];
if(oTBody== null)
    return;
try
{
    oTBody.innerHTML = "";
}
catch(e)
{
    for(var i=0, j=myTable.rows.length; i<j; i++)
        myTable.deleteRow(0);
}