How to add jQuery objects to the jQuery composite object

Question

Simply put: the jQuery object is a composite pattern. How do I add jQuery objects to it?

An example:

var e1 = $('#element1');
var e2 = $('#element2');

...

I know want to create a new jQuery object jq such that it is composed of e1 and e2. I want to be able to do something like the following:

var jq = $();
jq.addInjQueryObjects([e1, e2]);
jq.hide();

how do I do this?

By the way, I realize that I could have just selected #element1 AND #element2 to begin with, that's not what I'm talking about.

user113716 · Accepted Answer · 2010-10-17 18:18:20Z

8

You can use jQuery's .add() method:

var e1 = $('#element1');
var e2 = $('#element2');

var jq = $();
jq = jq.add(e1).add(e2);
jq.hide();

It returns a new jQuery object instead of modifying the original, so you need to overwrite the original if you want to reuse the same variable.

EDIT: Note that you can also use jQuery.merge(), which will modify the original, but you'll need to pass in an Array of the DOM elements instead of the jQuery objects.

var e1 = $('#element1');
var e2 = $('#element2');

var jq = $();
$.merge( jq, [e1[0], e2[0]] );
jq.hide();

edited Oct 17, 2010 at 18:18

answered Oct 17, 2010 at 18:07

user113716

323k64 gold badges454 silver badges441 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

George Mauer Over a year ago

jsfiddle showing this technique (for anyone looking at this in the future): jsfiddle.net/yjtEb

gregn3 Over a year ago

.add() always adds the elements in the same order as they appear on the page, and only $.merge() allows to add the elements in a different order.

Collectives™ on Stack Overflow

How to add jQuery objects to the jQuery composite object

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related