JQuery même événement de clic pour plusieurs éléments

Question

est-il possible d'exécuter le même code pour différents éléments de la page?

 $('.class1').click(function() {
   some_function();
});

$('.class2').click(function() {
   some_function();
});
 

au lieu de faire quelque chose comme:

 $('.class1').$('.class2').click(function() {
   some_function();
});
 

Merci

Answer 1

 $('.class1, .class2').click(some_function);
 

Ou:

 $('.class1').add('.class2').click(some_function);
 

Answer 2

J'utilise normalement sur au lieu de cliquer. Cela me permet d'ajouter plus d'événements listiners à une fonction spécifique.

 $(document).on("click touchend", ".class1, .class2, .class3", function () {
     //do stuff
});
 

J'espère que cela aide!

Answer 3

 $('.class1, .class2').click(some_function);
 

Assurez-vous de mettre un espace comme $ ('. Class1, space here.class2') sinon cela ne fonctionnera pas

Answer 4

Utilisez simplement $('.myclass1,.myclass2,.myclass3') pour plusieurs sélecteurs. De plus, vous n'avez pas besoin de fonctions lambda pour lier une fonction existante à l'événement click.

Answer 5

Je suppose que vous avez n éléments:

 var selectors = new Array();

for(i=1; i <=n; i++)
{
    selectors.push('selector' + i);   
}

$(selectors).each(function(index, item){
    $("#" + item).live('click', function(){ "do some stuff" });     
});