jQuery delete all table rows except first

Ken_Paul_26671 0
Viewed 300013

Using jQuery, how do I delete all rows in a table except the first? This is my first attempt at using index selectors. If I understand the examples correctly, the following should work:

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

which I would read as "Wrap some table in a jQuery object, then remove all 'tr' elements (rows) where the element index of such rows is greater than zero". In reality, it executes without generating an error, but doesn't remove any rows from the table.

What am I missing, and how do I fix this? Of course, I could use straight javascript, but I'm having so much fun with jQuery that I'd like to solve this using jQuery.

jquery-selectors jquery
14 Answers

This should work: 

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

I think this is more readable given the intent:

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

Using children also takes care of the case where the first row contains a table by limiting the depth of the search.

If you had an TBODY element, you can do this:

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

If you have THEAD or TFOOT elements you'll need to do something different.

user_129500

If it were me, I'd probably boil it down to a single selector:

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

Your selector doesn't need to be inside your remove.

It should look something like:

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

Which means select every row except the first in the table with ID of tableID and remove them from the DOM.

CMPalmer_148940

Consider a table with id tbl: the jQuery code would be:

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

Easiest way :

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

-first reference the table
-get the list of elements and slice it and remove the selected elements of the list

user_106957250

This works perfectly 

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

This worked in the following way in my case and working fine

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