jquery toggleclass to multiple elements usign array

Question

So I would like to simply input array inside jquery. Result I want to achieve is this:

$(".game-board, .building-tokens").click( function() {
    $( ".mission-cards, .game-board, .building-costs, .mission-cards, .resources-cards, .resources-tokens, .road-card, .game-modal, .dice" ).toggleClass( "game-opacity" );
});

But this code is a way too long. And there must be more reasonable solution. So I try to put all the css classes inside an array like this:

var classes = [".game-board", ".building-tokens", ".mission-cards", ".building-tokens", ".building-costs", ".mission-cards", ".resources-cards", ".resources-tokens", ".road-card", ".game-modal", ".dice"];

$(".game-board, .building-tokens").click( function() {
    $('"' + classes.toString() + '"').toggleClass( "game-opacity" );
});

Why this code doesn't work?

Don't need extra quotes, use $(classes.join('')).toggleClass("game-opacity"); — Tushar
– Tushar, Commented Dec 11, 2015 at 9:58
You can iterate through each element of array using .each() function. — Forin
– Forin, Commented Dec 11, 2015 at 10:00

Zaheer Khorajiya · Accepted Answer · 2015-12-11 10:09:28Z

1

You can use join() method of array to join all elements and then

$(classes.join()).toggleClass("game-opacity")

answered Dec 11, 2015 at 10:09

Zaheer Khorajiya

4863 silver badges11 bronze badges

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

1 Comment

sqarf Over a year ago

Thank You! Worked like a charm :) Tushar was also correct, execept there should be ".join()", instead of ".join('')"

Collectives™ on Stack Overflow

jquery toggleclass to multiple elements usign array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related