Iterate through an array of var chained variables in jQuery

Question

I have a simple function in javascript that hides all css divs on page load:

function hideAllDivs() {
    var a5 = jQuery('.a5'),
        a2 = jQuery('.a2'),
        b2 = jQuery('.b2'),
        hd3 = jQuery('.hd3'),
        hd6 = jQuery('.hd6');

    a5.hide();
    a2.hide();
    b2.hide();
    hd3.hide();
    hd6.hide();
}

As you can see I have to go through each one by one to hide them. Is there a way to store these into an array and just iterate through them all at once? That way if I add a new var chained query, I don't have to then go further down the function and manually hide it?

Any help would be greatly appreciated.

try var tt = ['.a5','.a2'...]; for(var i=0,j=tt.length;i<j;i++){ $(tt[i]).hide() } — Nouphal.M
– Nouphal.M, Commented Nov 15, 2017 at 12:24
Possible Duplicate: stackoverflow.com/questions/10515888/…. You can also refer to Docs — Rajesh Dixit
– Rajesh Dixit, Commented Nov 15, 2017 at 12:26

Zakaria Acharki · Accepted Answer · 2017-11-15 12:26:31Z

2

You could give them a common class and then hide using this class as a selector that combine all those targeted elements for this operation, e.g :

function hideAllDivs() {
    jQuery('.common_class').hide();
}

Hope this helps.

answered Nov 15, 2017 at 12:26

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

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

Comments

James Thorpe · Accepted Answer · 2017-11-15 12:23:12Z

2

You can just use a single selector:

jQuery('.a5, .a2, .b2, .hd3, .hd6').hide();

Alternatively, you might want to consider creating a new class that you apply to elements you want to hide, and just hide that single class - depends on your overall structure, but that way you don't need to come back and edit this function ever again, just apply that class where needed.

answered Nov 15, 2017 at 12:23

James Thorpe

32.3k6 gold badges76 silver badges95 bronze badges

Collectives™ on Stack Overflow

Iterate through an array of var chained variables in jQuery

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related