Maison > interface Web > js tutoriel > À propos de jQuery réalisant les fonctions de copie, de suppression et de calcul de la ligne du tableau HTML Tr

À propos de jQuery réalisant les fonctions de copie, de suppression et de calcul de la ligne du tableau HTML Tr

小云云
Libérer: 2018-01-01 11:00:12
original
1701 Les gens l'ont consulté

Cet article présente principalement l'implémentation jQuery des fonctions de copie, de suppression et de calcul de la ligne du tableau HTML Tr. Cela implique la copie, l'ajout, la suppression et le calcul courants de jQuery du nombre de lignes dans le tableau. référez-vous-y. J'espère pouvoir aider tout le monde.

L'exemple de cet article décrit comment jQuery implémente les fonctions de copie, de suppression et de calcul de la ligne Tr du tableau HTML. Partagez-le avec tout le monde pour référence, comme suit :

Ajouter une ligne :


function addtr(){
   var tr = $("#tb tr").eq(0).clone();
   tr.appendTo("#tb");
   //tr.insertBefore("#tb tr:last");
}
Copier après la connexion


<table id="tb">
  <tr>  </tr>  // tr 的下标从 0 开始
   <tr> </tr>
</table>
Copier après la connexion

Supprimer la ligne :

index L'indice de tr dans le tableau à supprimer


$("#tb_id tr").eq(index).remove();
Copier après la connexion

Calculer le nombre de tr dans le tableau :

("#tb tr").length
Copier après la connexion

Recommandations associées :

jQuery obtient la balise td dans le tableau

Comment compter le nombre de sommes du tableau dans bootstrap

Partage de technologie de développement de pagination DataTables du plug-in JQuery

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