How to hide elements defined as variables?

Question

I have two variables defined as:

var div1 = $("#div1");

var div2 = $("#div2");

I know that I can use $("#div1, #div2").hide() to hide both div

But is there a way I can hide them through defined variables like (div1, div2).hide()?

possible duplicate of Combine two selectors with one jQuery object — gdoron
– gdoron, Commented Apr 16, 2013 at 10:13

xdazz · Accepted Answer · 2013-04-16 10:11:39Z

9

You could use .add() method:

div1.add(div2).hide();

answered Apr 16, 2013 at 10:11

xdazz

161k38 gold badges255 silver badges278 bronze badges

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

Comments

Eli · Accepted Answer · 2013-04-16 10:11:53Z

8

You can use the add() method to add other elements to existing selector:

div1.add(div2).hide()

answered Apr 16, 2013 at 10:11

Eli

14.9k5 gold badges61 silver badges77 bronze badges

@NJason, The worse reason.