Comment supprimer la deuxième ligne du tableau en HTML

青灯夜游
Libérer: 2023-01-03 09:28:22
original
3436 Les gens l'ont consulté

Vous pouvez utiliser les méthodes eq() et remove() de jquery pour supprimer la deuxième ligne du tableau. La méthode spécifique est la suivante : utilisez d'abord "$('table tr')" pour obtenir l'objet de ligne tr de. la table, puis utilisez "eq(1)" pour spécifier l'objet de deuxième ligne, et enfin utilisez la méthode remove() pour supprimer l'objet de deuxième ligne.

Comment supprimer la deuxième ligne du tableau en HTML

L'environnement d'exploitation de ce tutoriel : système Windows7, version HTML5&&jquery1.10.0, ordinateur Dell G3.

html+jquery supprime la deuxième ligne du tableau

1 Créez un nouveau fichier html, nommé test.html, pour expliquer que jquery supprime la ligne spécifiée dans le. tableau.

Comment supprimer la deuxième ligne du tableau en HTML

2. Dans le fichier test.html, utilisez les balises table, td et tr pour créer un tableau avec trois lignes et deux colonnes afin d'afficher le tableau. effet, définissez ici la bordure du tableau sur 1px.

Comment supprimer la deuxième ligne du tableau en HTML

3. Dans le fichier test.html, utilisez la balise bouton pour créer un bouton avec le nom de bouton "Supprimer la ligne du tableau".

Comment supprimer la deuxième ligne du tableau en HTML

4. Dans le fichier test.html, liez l'événement onclick au bouton Lorsque vous cliquez sur le bouton, exécutez la fonction deltr().

Comment supprimer la deuxième ligne du tableau en HTML

5. Dans la balise js, créez la fonction deltr() Dans la fonction, écrivez le code pour supprimer la ligne spécifiée dans le tableau.

Comment supprimer la deuxième ligne du tableau en HTML

6. Dans la fonction deltr(), utilisez $ pour obtenir l'objet de ligne tr via le nom de l'élément, puis sélectionnez la ligne spécifiée via la méthode eq(), et utilisez la méthode remove() Pour implémenter la suppression, par exemple, supprimez la deuxième ligne (eq(1)) ici, le code est le suivant :

Comment supprimer la deuxième ligne du tableau en HTML

Tutoriel recommandé : Tutoriel jQuery

7. Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour voir l'effet.

Comment supprimer la deuxième ligne du tableau en HTML

Comment supprimer la deuxième ligne du tableau en HTML

Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal