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")

请参阅multiple selector

您的代码变为

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

Answer 2

添加课程时，不需要点。

试试这个

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

Answer 3

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

逗号应该在字符串中：

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

方法名称为addClass，而不是addclass，并且类名称之前不应有一段时间：

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

Answer 4

试试这个。

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

Answer 5

在所有DIVS中，我提出了一个默认类：changeClass，并维护其个人IDS。

而不是$("#Div4","#Div5","#Div7","#Div8")只需要$(".changeClass).addClass("lightGray");

类可以同时在多个元素中使用，因此可以同时操作其中的几个元素，从而节省了时间和代码行。

jQuery .addclass到多个div

5 个答案: