O jQuery exclui todas as linhas da tabela, exceto a primeira

Usando jQuery, como excluo todas as linhas de uma tabela, exceto a primeira? Esta é minha primeira tentativa de usar seletores de índice. Se eu entendo os exemplos corretamente, o seguinte deve funcionar:

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

que eu leria como "Embrulhe alguma tabela em um objeto jQuery e remova todos os elementos 'tr' (linhas) onde o índice de elementos dessas linhas é maior que zero". Na realidade, ele é executado sem gerar um erro, mas não remove nenhuma linha da tabela.

O que estou perdendo e como faço para corrigir isso? Claro, eu poderia usar javascript direto, mas estou me divertindo tanto com o jQuery que gostaria de resolver isso usando o jQuery.

Isso deve funcionar:

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

Eu acho que isso é mais legível, dada a intenção:

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

O uso de filhos também cuida do caso em que a primeira linha contém uma tabela, limitando a profundidade da pesquisa.

Se você tinha um elemento TBODY, pode fazer o seguinte:

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

Se você tiver elementos THEAD ou TFOOT, precisará fazer algo diferente.

Outra maneira de conseguir isso é usar a função empty () do jQuery com os elementos thead e tbody na sua tabela.

Exemplo de uma tabela:

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

E o comando jQuery:

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

Isso removerá todas as linhas contidas no elemento tbody da sua tabela e manterá o elemento thead onde seu cabeçalho deve estar. Pode ser útil quando você deseja atualizar apenas o conteúdo de uma tabela.

Se fosse eu, provavelmente resumiria a um único seletor:

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

Seu seletor não precisa estar dentro da sua remoção.

Deve ser algo como:

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

O que significa selecionar todas as linhas, exceto a primeira da tabela com o ID da tabela, e removê-las do DOM.

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

Lembro-me de que encontrar essa 'fatia' é mais rápido do que todas as outras abordagens, então basta colocá-la aqui.

Considere uma tabela com o ID tbl: o código jQuery seria:

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

Para remover todas as linhas, exceto a primeira (exceto o cabeçalho), use o código abaixo:

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

Caminho mais fácil :

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

-primeira referência à tabela
-get a lista de elementos e dividi-la e remover os elementos selecionados da lista

-Desculpe, isso é resposta muito tarde.

A maneira mais fácil que encontrei de excluir qualquer linha (e todas as outras linhas através da iteração) é esta

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

O resto é fácil.

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

envolto em uma função:

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

então chame-o:

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

Isso funciona perfeitamente

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

Isso funcionou da seguinte maneira no meu caso e funcionando bem

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