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.