jquery implémente la méthode d'ajout et de suppression de rows_jquery

L'exemple de cet article décrit la méthode d'ajout et de suppression de lignes dans jquery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

J'ai récemment créé un module de gestion des votes et j'avais besoin d'ajouter des options de questions pour plus de commodité, j'ai simplement implémenté l'ajout et la suppression de lignes de tableau.

Remarque : jquery.js doit être introduit

D'abord le rendu : (Il y a 4 lignes dans le formulaire par défaut)

Code du formulaire :

Copier le code Le code est le suivant :

 
     
          
             
             
             
        ≪/tr> 
          
             
             
             
        ≪/tr> 
          
             
             
             
        ≪/tr> 
          
             
             
             
        ≪/tr> 
          
             
             
             
        ≪/tr> 
     
   

 
                                                                                                                                                                                                                                     

Code JS :

Copier le code

Le code est le suivant : var rowCount=4 ; //Le nombre de lignes par défaut est de 4 lignes. //Ajouter une ligne

function addRow(){

nombre de lignes
var newRow='

'
$('#optionContainer').append(newRow);
}

//Supprimer la ligne
function delRow(rowIndex){
$("#option" rowIndex).remove();
rowCount--;
>


Il est à noter que l'ID doit être défini dans le du formulaire. S'il y a une ligne par défaut, l'ID doit être défini régulièrement comme indiqué dans le code. définir un nouvel ID de ligne lors de l'ajout d'une ligne.
Une variable de nombre de lignes doit être définie dans JS, car mon formulaire a 4 lignes par défaut (la première ligne, c'est-à-dire la ligne avec id='option0' peut être ignorée), donc le rowCount défini dans JS est par défaut de 4 .

OK, c'est fait. C'est aussi simple que ça.

De plus, si vous devez ajouter une ligne à une position spécifiée, vous devez écrire comme ceci

Copier le code

Le code est le suivant :$("#tab tr").eq(-2). after("

");-2 consiste à ajouter une ligne après l'avant-dernier tr.

tab est l'identifiant de la table

J'espère que cet article sera utile à la programmation jQuery de chacun.

Déclaration：

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

Article précédent：Principes de mise en œuvre de PushStack et exemples d'application dans jQuery_jqueryArticle suivant：Principes de mise en œuvre de PushStack et exemples d'application dans jQuery_jquery

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript

Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

À propos de nousClause de non-responsabilitéSitemap

© php.cn All rights reserved

所属问题                  (单选)                  (复选)：	${question}
选项1：
选项2：
选项3：
选项4：
Option ' rowCount ':		Supprimer< / a>
Nom du mot clé : < /td>	*