jquery - jQuery .addclass 到多个 div

Question

我正在尝试将我之前定义的类“.lightGray”应用到 div 4、5、7 和当前的这个。不知道我做错了什么！

$("#Div8").click(function(){$("#Div4", "#Div5","#Div7","#Div8").addclass(".lightGray");});

Answer 1

.addClass("lightGray");用作.addClass ()需要 className 而不是 .className

和改变

$("#Div4,#Div5,#Div7,#Div8")

至

 $("#Div4 ,#Div5, #Div7 ,#Div8")

查看多个选择器

你的代码变成

$("#Div8").click(function(){
$("#Div4 ,#Div5 ,#Div7 ,#Div8").addClass("lightGray");
                                          ^ //remove dot from here
});

Answer 2

在所有 DIVS 中，我放置了一个默认类：changeClass，并维护它们各自的 IDS。

A 而不是做$("#Div4","#Div5","#Div7","#Div8")就足够了$(".changeClass).addClass("lightGray");

类可以同时用于多个元素，因此可以一次操作多个元素，从而节省时间和代码行数。

Answer 3

当你添加一个类时，你不需要点。

试试这个

$("#Div8").click(function(){$("#Div4, #Div5, #Div7, #Div8").addClass("lightGray");});

Answer 4

您已经在一个选择器上创建了四个单独的选择器。

逗号应该在字符串内：

$("#Div4,#Div5,#Div7,#Div8")

方法名是addClass, not addclass，并且在类名之前不应该有句点：

$("#Div8").click(function(){$("#Div4,#Div5,#Div7,#Div8").addClass("lightGray");});

Answer 5

尝试这个。

$("#Div8").click(function(){
 $("#Div4,#Div5,#Div7,#Div8").addClass("lightGray");  //removed exra quotes from selecter
                                                      //removed dot(.) from class name
                                                     //Changed *addclass* to **addClass**
});