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

标签 javascript jquery

所以我想简单地在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" );
});

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

最佳答案

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

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

关于javascript - jquery使用数组切换类到多个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34220619/

相关文章:

javascript - Ajax 数据发布无法通过发布的 url

JavaScript 在控制台中有效,但在我的页面上无效

javascript - 在 Angular 中,如何使用 $location.path 作为 $http.post 成功回调进行重定向

javascript - 导航栏下的 Bootstrap 轮播

javascript - 如何获取数组中的对象值...?

javascript - Paypal Checkout 客户端集成 - 返回订单 ID promise 的问题

javascript - 如果第二次只是同一视频,如何防止同一视频加载两次

javascript - 让 backbone.js View 了解 jQuery 可排序中的更新

javascript - slider 插件中的图像颜色叠加,叠加上方的文本(wordpress)

javascript - Node js : How can I integrate authorization and authentication to my node application?