Enlazar una función de varios elementos a la vez jQuery

Question

tengo 3 objetos jQuery:

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

Y quiero enlazar un evento de "cambio" a todos ellos a la vez, pero no puedo :(

$(a, b, c).bind('paste input change', function(){ ... }); simplemente no funciona ...

Pero si se unen a cada elemento por separado funciona:

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

¿Es posible hacer esto de una manera más corta?

(Y sin pasar a las clases como selectores)

Answer 1

Uso .add()^[docs]:

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

Answer 2

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

Otra solución es la combinación de ellos más adelante:

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

d.bind(.... 

Y si no te gusta que, o bien, si desea llamar a los lazos separados después de todo, se puede optar por declarar una función llamada una vez, y refiérase a eso, en lugar de declarar la misma función en línea anónima tres veces.

Answer 3

Prueba esto:

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

Answer 4

$ ([a, b, c]) se unen debería funcionar, como en:.

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

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