Maison >interface Web >Questions et réponses frontales >jquery supprimer la ligne du tableau
Dans le processus de développement Web, les tableaux sont des composants fréquemment utilisés, mais nous devrons peut-être supprimer une certaine ligne de données dans le tableau. Pour atteindre cet objectif, nous pouvons utiliser jQuery.
1. Sélectionnez les lignes que vous souhaitez supprimer
Tout d'abord, nous devons sélectionner les lignes que nous voulons supprimer. Nous pouvons sélectionner des lignes dans le tableau via des sélecteurs CSS. Ici, nous supposons que nous voulons supprimer la deuxième ligne de données du tableau et que le sélecteur CSS est « tr:eq(1) ».
var rowToBeDeleted = $('table tr:eq(1)');
2. Supprimer les lignes sélectionnées
Nous pouvons utiliser la fonction Remove() de jQuery pour supprimer les lignes sélectionnées.
rowToBeDeleted.remove();
3. Code complet
Ce qui suit est un exemple de code jQuery complet, comprenant la sélection et la suppression de lignes spécifiques dans le tableau.
$(document).ready(function () { $('#delete').click(function () { var rowToBeDeleted = $('table tr:eq(1)'); rowToBeDeleted.remove(); }); });
Dans le code ci-dessus, nous utilisons la fonction $(document).ready() de jQuery, qui est une fonction qui est exécutée après le chargement de la page. Nous effectuerons l'opération de suppression lorsque le bouton "supprimer" sera cliqué. Ici, nous sélectionnons la deuxième ligne du tableau et la supprimons.
4. Résumé
Dans cet article, nous avons supprimé des lignes du tableau à l'aide de la fonction remove() de jQuery. Cette fonction peut être utilisée dans de nombreux scénarios pratiques de développement Web, tels que la mise en œuvre de fonctions de suppression et d'édition dans des tableaux de données.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!