How to build a jQuery object out of jQuery objects [duplicate]

Question

I have two distinct jQuery objects, one from a selector query and one created from html code. Now I want to make another jQuery object out of these to do operations on both of them.

As you can see here (http://jsfiddle.net/D799Y/), it is possible to do this by using the "get" operation and building an array of elements:

var $first = $('div.first'),
    $overlay = $('<div class="overlay" />'),
    $list;

$first.before($overlay);

// build list out of elements
$list = $([ $first.get(0), $overlay.get(0) ]);

// modify the list
$list.css('border', '2px solid green');

Is there a way to do make $list directly out of the two jQuery objects? Can you add a jQuery object to another one?

This would also be more interesting if f.i. $first would contain more than one elements.

BTW, I know of this possibility, but it's so unsatisfactory. :)

$list = $(".first,.pane");

Frédéric Hamidi · Accepted Answer · 2013-10-25 09:31:04Z

5

You can simply use the add() method:

$list = $first.add($overlay);

Note that add() is non-destructive: it creates a new jQuery object instead of modifying the one it is called on, which is what you want.

answered Oct 25, 2013 at 9:31

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

1 Comment

gpinkas Over a year ago

Thank you! This is so simple that I don't know how I could have overlooked it in the docs.

Arun P Johny · Accepted Answer · 2013-10-25 09:30:39Z

2

You can use .add()

$list = $first.add($overlay);

answered Oct 25, 2013 at 9:30

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

palaѕн · Accepted Answer · 2013-10-25 09:31:28Z

1

You can add elements to the set of matched elements using .add() method like:

// build list out of elements
$list = $first.add($overlay);

answered Oct 25, 2013 at 9:31

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Collectives™ on Stack Overflow

How to build a jQuery object out of jQuery objects [duplicate]

3 Answers 3

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Linked

Related