Post
Ask Question

Jquery Delete All Table Rows Except First

HTML code
  1. <table id="tblGrid" cellpadding="10px" cellspacing="0" border="1">  
  2.     <tbody>  
  3.         <tr style="background-color:black;color:white;font-size:18px;">  
  4.             <td> ID </td>  
  5.             <td> Name </td>  
  6.             <td> Location </td>  
  7.             <td> Department </td>  
  8.         </tr>  
  9.     </tbody>  
  10.     <tbody>  
  11.         <tr>  
  12.             <td>100</td>  
  13.             <td>soumalya</td>  
  14.             <td>kolkata</td>  
  15.             <td>Accountant</td>  
  16.         </tr>  
  17.     </tbody>  
  18.     <tbody>  
  19.         <tr>  
  20.             <td>101</td>  
  21.             <td>rahul</td>  
  22.             <td>dumdum</td>  
  23.             <td>Management</td>  
  24.         </tr>  
  25.     </tbody>  
  26.     <tbody>  
  27.         <tr>  
  28.             <td>102</td>  
  29.             <td>suman</td>  
  30.             <td>kulti</td>  
  31.             <td>Accountant</td>  
  32.         </tr>  
  33.     </tbody>  
  34. </table> <button id="btndel" onclick="removerow()">Remove row</button>  
Jqery code
  1. function removerow()  
  2. {  
  3.     $("#tblGrid").find("tr:gt(0)").remove();  
  4. }