Jquery 压缩多重addClass

这个问题很傻，但我在网上找不到答案。 有没有一种方法可以一次将类添加到多个项或删除一个类？我正在尝试清理代码，在很多情况下，我希望将其浓缩

$('#div1').addClass('active');
$('#div2').addClass('active');
$('#div3').addClass('active');
$('#div4').addClass('active');

---

与

addClass

无关，只需使用jQuery选择器即可。可以用逗号分隔多个选择器。例如：

$('#div1, #div2, #div3, #div4').addClass('active');

---

与

addClass

无关，只需使用jQuery选择器即可。可以用逗号分隔多个选择器。例如：

$('#div1, #div2, #div3, #div4').addClass('active');

---

如前所述，您可以修改选择器以同时处理多个项目

但是，如果您能够，我建议将您自己的类添加到您想要处理的相关HTML元素中

例如，如果您能够向

div

元素添加一个类，如

div1

然后，您可以使用这些元素同时选择任意数量的元素。请参见下面的示例代码

$（函数（）{
$（“#toggleGroup1”）。在（'click'，function（）上{
$（“.group1”）。每个（函数（idx，元素）{
$（元素）.toggleClass（'active'）；
});
});
$（“#toggleGroup2”）。在（'click'，function（）上{
$（“.group2”）。每个（函数（idx，元素）{
$（元素）.toggleClass（'active'）；
});
});
});
.active{
文字装饰：下划线；
}
.group1.active{
背景颜色：绿色；
}
.group2.active{
背景颜色：橙色；
}
div{
颜色：黑色；
边框：1px实心；
利润率：10px；
显示：内联；
}

第一组
第二组
第三组
第四组
第五组
第六组
第七组



切换类Group1
切换类别Group2
如前所述，您可以修改选择器以同时处理多个项目

但是，如果您能够，我建议将您自己的类添加到您想要处理的相关HTML元素中

例如，如果您能够向
div
元素添加一个类，如

div1

然后，您可以使用这些元素同时选择任意数量的元素。请参见下面的示例代码


$（函数（）{
$（“#toggleGroup1”）。在（'click'，function（）上{
$（“.group1”）。每个（函数（idx，元素）{
$（元素）.toggleClass（'active'）；
});
});
$（“#toggleGroup2”）。在（'click'，function（）上{
$（“.group2”）。每个（函数（idx，元素）{
$（元素）.toggleClass（'active'）；
});
});
});
.active{
文字装饰：下划线；
}
.group1.active{
背景颜色：绿色；
}
.group2.active{
背景颜色：橙色；
}
div{
颜色：黑色；
边框：1px实心；
利润率：10px；
显示：内联；
}

第一组
第二组
第三组
第四组
第五组
第六组
第七组



切换类Group1
切换Class Group2
addClass（'div1，'div2，'div3，'div4'）怎么样？如何
$（'div1，'div2，'div3，'div4'）。addClass（'active'）？用于临时类显示、隐藏、突出显示项目。无法将它们直接添加到html中，因为这样会妨碍功能。：）@zazvorniki-hmmm，我理解如果你因为其他原因不能这样做，但添加你自己的“分组”类不会妨碍任何功能（它只会让你能够为操纵目的对相关项目进行分组）'”_(ツ)_/''这是用于显示、隐藏和突出显示项目的临时类。它们不能直接添加到html中，因为这会妨碍功能。：@zazvorniki-hmmm，我理解您是否因为其他原因而不能这样做，但添加您自己的“分组”类不会妨碍任何功能（它只会让您能够为操纵目的对相关项目进行分组）“”_(ツ)_/¯