<html lang="en">
<head>
<title>jQuery Delete All Table Rows Except First</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style>
table.myTableDeletefall{
border-collapse:collapse;
}
table.myTableDeletefall th, table.myTableDeletefall td{
border:1px solid #ccc;
padding:5px;
}
</style>
<script>
$(document).ready(function(){
$('.btndeletefall').click(function(){
$(".myTableDeletefall tr").slice(1).remove();
});
});
</script>
</head>
<body>
<h2>jQuery Delete All Table Rows Except First</h2>
<button type="button" class="btndeletefall">Delete All Row Except First</button><br><br>
<table class="myTableDeletefall">
<thead>
<tr>
<th>Team Name</th>
<th>Crickert Name</th>
<th>Score</th>
</tr>
</thead>
<tbody>
<tr>
<td>West Indies</td>
<td>Chris Gayle</td>
<td>195</td>
</tr>
<tr>
<td>India</td>
<td>Virat Kohli</td>
<td>124</td>
</tr>
<tr>
<td>Australia</td>
<td>David Warner</td>
<td>167</td>
</tr>
<tr>
<td>South Africa</td>
<td>AB De Villier's</td>
<td>185</td>
</tr>
</tbody>
</table>
</body>
</html>