Bind an event handler to multiple element variables in jQuery?

Question

I want to bind multiple elements that are defined as a variable. I know this is possible:

$('selector1, selector2').bind(...)

But I want to do something like this:

$($element1, $element2, $element3).bind(...)

Any ideas?

Answer 1

You have to add them to one result set:

$element1.add($element2).add($element3).bind(...)

Or for an arbitrary number of elements:

var elems = [$element1, $element2, $element3, ...];
var $result = $();

$.each(elems, function() {
    $result = $result.add(this);
});

$result.bind(...);

Or with Array.reduce:

[$element1, $element2, $element3, ...].reduce(function($result, $elem) {
    return $result.add($elem);
}, $()).bind(...);