How to create jQuery object from array of jQuery objects?

Question

Let's say I have an array of jQuery objects and wish to have one compound jQuery object instead.

What would be the solution other than manual traversing an array and appending the elements to the just created jquery object using .add()?

This doesn't do what I want:

var a = $('#a'),     b = $('#b'),     c = [a, b];  // the lines above is the set up, they cannot be changed var d = $(c); d.hide();​ 

http://jsfiddle.net/zerkms/896eN/1/

The expected result is both divs are hidden.

Any ideas?

Answer 1

Try

var d = $($.map(c, function(el){return $.makeArray(el)})); 

Or

var d = $($.map(c, function(el){return el.get();})); 

The demo.

Answer 2

I came here looking for a cleaner answer than I already had, but didn't find one. For the sake of the next guy to come along I guess I'll post my solution instead:

var a = $('#a'),     b = $('#b'),     c = [a, b];  var d = c.reduce($.merge); d.hide();​ 

I'm sort of surprised there isn't some jQuery specific method that makes this cleaner, but Array.reduce is definitely the correct tool for this job if nothing more specific exists in jQuery.