jQuery delete all table rows except first

Question

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

User · Answer

wrapped in a function   function remove rows tablename           tablename  find  tr gt 0    remove                then call it   remove rows   table1    remove rows   table2

User · Answer

table tr   slice 1  remove      I remember coming across that  slice  is faster than all other approaches  so just putting it here

User · Answer

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

User · Answer

This works perfectly       myTable tbody   children   tr not  first     html

User · Answer

Consider a table with id tbl  the jQuery code would be       tbl tr not  first    remove

User · Answer

This should work         document  ready function           someTableSelector   find  tr gt 0    remove

User · Answer

To Remove all rows  except the first one  except header   use the below code        dataTable tr gt 1    remove

User · Answer

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

User · Answer

This worked in the following way in my case and working fine      compositeTable   find  tr gt 1    remove

User · Answer

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  gt  tbody last   children   remove      If you have THEAD or TFOOT elements you ll need to do something different

User · Answer

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  gt  tbody last   children   remove      If you have THEAD or TFOOT elements you ll need to do something different

User · Answer

This worked in the following way in my case and working fine      compositeTable   find  tr gt 1    remove

User · Answer

If it were me  I d probably boil it down to a single selector      someTableSelector tr not  first    remove

User · Answer

Another way to accomplish this is using the empty   function of jQuery with the thead and tbody elements in your table   Example of a table    lt table id  tableId  gt   lt thead gt       lt tr gt  lt th gt Col1 lt  th gt  lt th gt Col2 lt  th gt  lt  tr gt   lt  thead gt   lt tbody gt       lt tr gt  lt td gt some lt  td gt  lt td gt content lt  td gt  lt  tr gt       lt tr gt  lt td gt to be lt  td gt  lt td gt removed lt  td gt  lt  tr gt   lt  tbody gt   lt  table gt    And the jQuery command       tableId  gt  tbody   empty      This will remove every rows contained in the tbody element of your table and keep the thead element where your header should be  It can be useful when you want to refresh only the content of a table

User · Answer

Consider a table with id tbl  the jQuery code would be       tbl tr not  first    remove

User · Answer

p-items   find   tr row-items    remove

User · Answer

wrapped in a function   function remove rows tablename           tablename  find  tr gt 0    remove                then call it   remove rows   table1    remove rows   table2

User · Answer

If it were me  I d probably boil it down to a single selector      someTableSelector tr not  first    remove

User · Answer

To Remove all rows  except the first one  except header   use the below code        dataTable tr gt 1    remove

User · Answer

p-items   find   tr row-items    remove

User · Answer

This should work         document  ready function           someTableSelector   find  tr gt 0    remove

User · Answer

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

User · Answer

If it were me  I d probably boil it down to a single selector      someTableSelector tr not  first    remove

User · Answer

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

If it were me  I d probably boil it down to a single selector      someTableSelector tr not  first    remove

User · Answer

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

User · Answer

Another way to accomplish this is using the empty   function of jQuery with the thead and tbody elements in your table   Example of a table    lt table id  tableId  gt   lt thead gt       lt tr gt  lt th gt Col1 lt  th gt  lt th gt Col2 lt  th gt  lt  tr gt   lt  thead gt   lt tbody gt       lt tr gt  lt td gt some lt  td gt  lt td gt content lt  td gt  lt  tr gt       lt tr gt  lt td gt to be lt  td gt  lt td gt removed lt  td gt  lt  tr gt   lt  tbody gt   lt  table gt    And the jQuery command       tableId  gt  tbody   empty      This will remove every rows contained in the tbody element of your table and keep the thead element where your header should be  It can be useful when you want to refresh only the content of a table

User · Answer

-Sorry this is very late reply    The easiest way i have found to delete any row  and all other rows through iteration  is this      rowid    tableid   remove     The rest is easy

User · Answer

This should work         document  ready function           someTableSelector   find  tr gt 0    remove

User · Answer

-Sorry this is very late reply    The easiest way i have found to delete any row  and all other rows through iteration  is this      rowid    tableid   remove     The rest is easy

User · Answer

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  gt  tbody last   children   remove      If you have THEAD or TFOOT elements you ll need to do something different

User · Answer

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  gt  tbody last   children   remove      If you have THEAD or TFOOT elements you ll need to do something different

User · Answer

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

This works perfectly       myTable tbody   children   tr not  first     html

User · Answer

This should work         document  ready function           someTableSelector   find  tr gt 0    remove

User · Answer

table tr   slice 1  remove      I remember coming across that  slice  is faster than all other approaches  so just putting it here

[jquery] jQuery delete all table rows except first

Examples related to jquery

Examples related to jquery-selectors