Jquery Clear Empty all contents of tbody element

Question

I thought this would be rather simple but it seems the empty method is not working to clear out a tbody that I have  I would appreciate if anyone knows a proper way to do this  I just want to delete everything contained within the tbody  So far I am trying       tbodyid   empty      HTML    lt table gt   lt tbody id  tbodyid  gt   lt tr gt  lt td gt something lt  td gt  lt  tr gt   lt  tbody gt   lt  table gt    NOTE  I am trying to do this to integrate with a plugin written by someone else that I am being made to use for a project  I am generating new  lt tr gt  lt td gt new data lt  td gt  lt  tr gt  server-side and want to just be able to wipe out the existing table rows and replace them on AJAX callbacks

User · Answer

You probably have found this out already  but for someone stuck with this problem       tableId  gt  tbody   html

User · Answer

jQuery       tbodyid   empty      HTML     lt table gt       lt tbody id  tbodyid  gt           lt tr gt               lt td gt something lt  td gt           lt  tr gt       lt  tbody gt   lt  table gt      Works for me  http   jsfiddle net mbsh3

User · Answer

Without use ID   lt tbody id  tbodyid  gt     it is a great way to cope with this issue         table1   find  tr gt 0    remove      PS To remove specific row number as following example          table1 tr   eq 1  remove      or         tr nth-child 2    remove

User · Answer

Example for Remove table header or table body with jquery  x000D   x000D  function removeTableHeader    x000D        myTableId thead   empty    x000D    x000D   x000D  function removeTableBody    x000D          myTableId tbody   empty    x000D    x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt table id  myTableId   border  1  gt  x000D     lt thead gt  x000D       lt th gt 1st heading lt  th gt  x000D       lt th gt 2nd heading lt  th gt  x000D       lt th gt 3rd heading lt  th gt  x000D     lt  thead gt    x000D     lt tbody gt  x000D       lt tr gt  x000D         lt td gt 1st content lt  td gt  x000D         lt td gt 1st content lt  td gt  x000D         lt td gt 1st content lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt 2nd content lt  td gt  x000D         lt td gt 2nd content lt  td gt  x000D         lt td gt 2nd content lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt 3rd content lt  td gt  x000D         lt td gt 3rd content lt  td gt  x000D         lt td gt 3rd content lt  td gt  x000D       lt  tr gt  x000D     lt  tbody gt  x000D   lt  table gt  x000D   lt br  gt  x000D   lt form gt  x000D     lt input type  button  value  Remove Table Header  onclick  removeTableHeader     gt  x000D     lt input type  button  value  Remove Table Body  onclick  removeTableBody     gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

lt table id  table id  class  table table-hover  gt             lt thead gt               lt tr gt                                                 lt  tr gt             lt  thead gt           lt  table gt    use this command to clear the body of that table      table id tbody   empty    I use jquery to load the table content dynamically  and use this command to clear the body when doing the refreshing   hope this helps you

User · Answer

you can use the remove   function of the example below and build table again with table head  and table body      table id  thead   remove        table id  tbody   remove

[javascript] Jquery, Clear / Empty all contents of tbody element?

Examples related to javascript

Examples related to jquery

Examples related to html