切换类jQuery

Question

我有一大堆所有名为.client-dark和.client-light的元素。

我想切换这些类，我试着用它来...

 $('.clients-logo .container-fluid .row:nth-child(2)').find('.client-light').addClass('client-dark').removeClass('client-light');
 $('.clients-logo .container-fluid .row:nth-child(2)').find('.client-dark').addClass('client-light').removeClass('client-dark');

上面的第一行有效但第二行会覆盖它，是否有可能同时进行这两项工作？

Answer 1

您可以使用toggleClass()一次更改两者。它支持使用由空格分隔的多个类名：

$('.clients-logo .container-fluid .row:nth-child(2)').find('.client-light,.client-dark').toggleClass('client-dark client-light');

只需一起搜索并切换两者。

快速测试以显示它正常工作：https://jsfiddle.net/TrueBlueAussie/r59uw7m6/（只需点击输出窗格中的任意位置即可切换）。

注意：同时提到@gegillam，通常最好有一个基本样式和一个类，在切换时将其更改为相反的。

Answer 2

您可以执行类似

的操作

$('.clients-logo').toggleClass('dark-mode');

灯光模式可能是默认模式，但它不会明确地显示在该项目上。