I have 3 jquery objects:
var a = $('.el1');
var b = $('.el2');
var c = $('.el3');
And I want to bind a "change" event to all of them at once, but I can't :(
$(a, b, c).bind('paste input change', function(){ ... });
simply doesn't work...
But if bind it to each element separately it works:
a.bind('...');
b.bind('...');
c.bind('...');
Is it possible to do this in a shorter way?
(And without passing the classes as selectors)
$([a,b,c]).bind should work, as in:
Try this:
Use
$('.el1, .el2, .el3').bind(....
.Another solution is to combine them later:
And if you don't like that either, if you would call the separate binds after all, you can choose to declare a named function once, and refer to that, instead of declaring the same anonymous inline function three times.
Use
.add()
[docs]: