javascript - jquery使用数组切换类到多个元素

Question

所以我想简单地在jquery中输入数组。我想要达到的结果是这样的:

$(".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" );
});

但是这段代码太长了。并且必须有更合理的解决方案。所以我尝试将所有 css 类放入一个数组中，如下所示:

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" );
});

为什么这段代码不起作用？

Answer 1

可以使用数组的 join() 方法连接所有元素，然后

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