Associare una funzione su più elementi in una sola volta jQuery

Question

Ho 3 oggetti jQuery:

var a = $('.el1'); 
var b = $('.el2'); 
var c = $('.el3'); 

E voglio associare un evento di "cambiamento" a tutti loro in una volta, ma non riesco :(

$(a, b, c).bind('paste input change', function(){ ... }); semplicemente non funziona ...

Ma se si legano a ogni elemento separatamente funziona:

a.bind('...'); 
b.bind('...'); 
c.bind('...'); 

È possibile farlo in un modo più breve?

(E senza passare le classi come selettori)

Answer 1

Uso .add()^[docs]:

a.add(b).add(c).bind(... 

Answer 2

Usa $('.el1, .el2, .el3').bind(.....

Un'altra soluzione è quello di combinare in un secondo momento:

var d = a; 
d.add(b); 
d.add(c); 

d.bind(.... 

E se non ti piace che o, se si desidera chiamare la lega separati dopo tutto, è possibile scegliere di dichiarare una funzione denominata una volta, e fare riferimento a questo, invece di dichiarare la stessa funzione inline anonima per tre volte.

Answer 3

Prova questa:

$('.el1, .el2, .el3').bind(....) 

Answer 4

$ ([a, b, c]) si legano dovrebbe funzionare, come in:.

var a = $('.el1'); 
var b = $('.el2'); 
var c = $('.el3'); 

$([a,b,c]).each(function(idx){ 
    $(this).bind('click', function(){ 
     alert($(this).text()); 
    }); 
});