Create a jQuery variable that holds multiple variables

Question

I'm trying to clean up my code and was curious if it's possible to create a variable that contains other variables.

Pretty much I'm trying to turn this...

// variables are elements on a page
var1.show();
var2.show();
var3.show();
var4.hide();
var5.hide();

Into this...

var showViewVariables = (var1, var2, var3);
var hideViewVariables = (var4, var5);

showViewVariables.show();
hideViewVariables.hide();

Not sure if this fails to work due to my syntax or if its even capable.

I've found some answers where multiple selectors are placed in a variable and called together but haven't found much of anything with variables inside one variable.

what is var1, var2? are they string selectors or jquery objects? — AmmarCSE
– AmmarCSE, Commented May 19, 2015 at 18:50
They are selectors... so a div on the page that I'm trying to hide or show. — mikeymurph77
– mikeymurph77, Commented May 19, 2015 at 18:51

Satpal · Accepted Answer · 2015-05-19 19:03:31Z

2

You can use .add()

Create a new jQuery object with elements added to the set of matched elements.

Example

var var1 = $('#one');
var var2 = $('#two');

//Create variable from another variables
var var3 = var1.add(var2);

var3.show();

DEMO

edited May 19, 2015 at 19:03

answered May 19, 2015 at 19:01

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

2 Comments

AmmarCSE Over a year ago

change your fiddle to use a different jQuery version rather than compat and it will work

AmmarCSE Over a year ago

Im guessing this is the closest that we can get to what the OP wnats

Collectives™ on Stack Overflow

Create a jQuery variable that holds multiple variables

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related