Question

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)

Answer 1

Use .add() ^[docs]:

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