Dado un documento HTML que contiene una tabla HTML y la tarea es eliminar la fila de la tabla excepto la primera usando jQuery.
Enfoque: Primero, creamos una tabla usando la etiqueta <table> y agregamos un botón que contiene la identificación btn . Cuando un usuario hace clic en el botón, se llama a la función jQuery. La función jQuery elimina todas las filas excepto la primera usando el método remove() .
Sintaxis:
$('#btn').click(function () {
$("#rTable").find("tr:gt(0)").remove();
});
Ejemplo:
HTML
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
<script src="https://code.jquery.com/jquery-3.5.1.min.js">
</script>
<style>
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
th,
td {
padding: 20px;
}
</style>
<script>
$(document).ready(function () {
$('#btn').click(function () {
$("#rTable").find("tr:gt(0)").remove();
});
});
</script>
</head>
<body>
<center>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h4>
Delete all table rows except
first one using jQuery
</h4>
<table style="width:50%" id="rTable">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Priya</td>
<td>Sharma</td>
<td>24</td>
</tr>
<tr>
<td>Arun</td>
<td>Singh</td>
<td>32</td>
</tr>
<tr>
<td>Sam</td>
<td>Watson</td>
<td>41</td>
</tr>
</table>
<br><br>
<button id="btn">
Remove All Row Except First One
</button>
</center>
</body>
</html>
Producción:
