jQuery在多个Id上删除相同的类

Question

我试图删除多个id上的同一个类。

下面是代码：

var test = ['#step-1','#step-2','#step-3'];

$(test).removeClass('active-step');

这不管用，我的问题是.有什么问题吗?还是有更好的方法来做到这一点？

Answer 1

如果要删除id以step开头的所有元素的类，则可以在属性选择器中使用start ^。

$("[id^='step']").removeClass('active-step');

我认为您的要求是删除active calsses并将active类添加到特定的元素中，然后您也可以这样使用，

$(".active-step").removeClass('active-step');

Answer 2

尝试将该数组设置为multiple selector，

var test = ['#step-1','#step-2','#step-3'];
$(test.join()).removeClass('active-step');

根据文档，如果没有提供任何分隔符，则.join()将使用逗号(,)合并数组的元素。因此，在我们的例子中，这个签名对于创建多个选择器是有用的。

分隔符:可选。指定一个字符串来分隔数组的每个元素。如果有必要，分隔符将转换为字符串。如果省略，数组元素将用逗号分隔。如果分隔符是空字符串，则所有元素在它们之间没有任何字符连接。

Answer 3

这是选择多个ids的正确jQuery语法：

$('#step-1, #step-2, #step-3').removeClass('active-step');