Delete all rows from table except one with <th> tags

Question

If I have table with id="tbl_users" and I have

<tr>
   <th>name</th>
   <th>username</th>
   <th>password</th>
</tr>

and bellow I append data. How to empty table ( delete all rows with darta) before reloading users, but not to delete row with ? I use JQuery in project.

Answer 1

If you always have the header line first, you can simply skip it:

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

Otherwise you can use the has method:

$('#tbl_users tr').has('td').remove();

To specifically look for rows that doesn't have a th tag, you can use the filter method:

$('#tbl_users tr').filter(function() {
  return !$(this).has('th');
}).remove();

Answer 2

add tbody tag in your html and then do this-

 $('#tbl_users').find('tbody').remove();

Answer 3

$('table#tbl_users').find('tr:not(:has(th))).remove();

Answer 4

use this

$('#tbl_users td').parent().remove();