Build custom jQuery selection

Question

Ok anybody familiar with building your own custom jQuery selection from DOM nodes or jQuery objects?

For examle:

var li = jQuery('li.someclass');
var myDiv = jQuery('#mydiv');

So I would like to combine those two into one jQuery(object) .

It would be nice if it can be done dynamically using nodes cached in variables like the provided example. BR and 10x for your kind help

user1106925 · Accepted Answer · 2012-07-31 17:42:53Z

3

You can combine the results with .add().

var combined = li.add(myDiv);

Note that .add() doesn't really do what it claims. It doesn't add anything to the li jQuery object. It creates a new jQuery object with the merged results.

answered Jul 31, 2012 at 17:42

user1106925

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

Comments

briangonzalez · Accepted Answer · 2012-07-31 18:00:46Z

1

I would do the following in this case:

var obj = jQuery('#mydiv, li.someclass');

Then any method performed on obj would apply to both #mydiv and li.someclass. For example, to give a red border to both elements:

obj.css('border', '1px solid red');

answered Jul 31, 2012 at 18:00

briangonzalez

1,61616 silver badges21 bronze badges

1 Comment

briangonzalez Over a year ago

Furthermore, jQuery uses the Sizzle selection engine, which supports any CSS3-style selection.

Collectives™ on Stack Overflow

Build custom jQuery selection

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related