10
votes

Puis-je coder la même fonctionnalité pour 2 éléments d'identification en une seule clic?

Y a-t-il une méthode pour avoir le même codage pour la fonction de clic de deux éléments d'identification différents dans une fonction de clic?

Par exemple, j'ai deux éléments de liaison avec IDS, MyFormstabSubmitd et FormStatuSubmitd. Le lien est de la même fonctionnalité. Lorsque je clique sur ces deux liens, le même élément div ("Soumis") est montré, et d'autres divs sont cachés.

donc au lieu d'écrire deux fonctions de clic, un pour MyFormeSABSUBMImit et une autre pour la formeStatussubmited, puis-je avoir une fonction de clic pour les deux? Comme xxx


1 commentaires

Toutes les réponses sont correctes ... donc je ne peux pas sélectionner une réponse comme meilleure réponse .. Merci à tous ..


4 Réponses :


22
votes

Utilisez simplement le séparateur de virgule dans le sélecteur:

$("#myFormsTabSubmitted, #formStatusSubmitted").click(function() {
  // do stuff
});


0 commentaires

8
votes

Certainement! Le changement le plus simple de votre code serait d'ajouter une virgule: xxx

Vous pouvez également stocker une référence à votre gestionnaire de clic et l'ajouter à plusieurs sélections: xxx < / pré>


0 commentaires

1
votes

Évidemment, la virgule est la voie à suivre, mais j'aimerais souligner que les fonctions dans n'importe quelle langue sont conçues pour ce que vous demandez, ce qui est d'écrire le code une fois pour plusieurs éléments. Je pense que la documentation de JQuery donne l'impression que les fonctions doivent suivre des événements, qu'ils ne le font pas. Vous pouvez aller avec: xxx

ou xxx

de cette façon, si vous vouliez utiliser cette fonction pour un autre événement, vous avez gagné ' t doit le presser, surtout si ce n'est pas un onclick.


3 commentaires

Votre syntaxe est fausse. Il devrait plutôt être: $ ("# myFormstabsubmitd, #formstatussubtmited"). Cliquez sur (Fastouffmit);


Mis à jour sur .Cliquez sur (Form Soumettre); au lieu de .Cliquez sur (formulaire Soumettre (););


Merci gnarf. J'avais du mal à trouver la bonne façon de le faire, prouvant ainsi mon point de vue.



0
votes

Lorsque JQuery fait son objet comme $ ('# id'), il prend la chaîne passée en $ () paramètre $ () avec calcul que la chaîne jQuery renvoie l'objet. Et cet objet retour par la jQuery est un autre objet de JQuery qui effectue toutes les actions d'événements ou de propriétés JQuery. Donc, lorsque nous utilisons: xxx

jQuery renvoie l'objet de deux objets JavaScript. C'est pourquoi cela fonctionne pour ces éléments ou vous pouvez entrer n'importe quel nombre d'éléments par virgule séparés.


0 commentaires