10
votes
jquery .addclass à plusieurs div

J'essaie d'appliquer la classe ".lightgray" que j'ai définie plus tôt sur DIV 4,5,7, et cet actuel. Je ne sais pas ce que je fais mal! xxx
jquery css function jquery-selectors addclass
1 commentaires
Le nom de la méthode est .addclass () .


                                    
                    5 Réponses :
                    
                                            
                            
                                
                                    18
 votes
                                
                            
                            
                                
                                     Utiliser  .addclass ("éclairage");  code> comme  .AddClass ()  prend la classeName non .Classname 
 et
Changer  p>  xxx  pré> 
 à  p>  xxx  pré> 
 voir  Sélecteur multiple   P> 
 Vous devient  P> 
$("#Div8").click(function(){
$("#Div4 ,#Div5 ,#Div7 ,#Div8").addClass("lightGray");
                                          ^ //remove dot from here
});

                                

                                                                    
                                    
                                    
                                        8 commentaires
                                        
                                                                                            
                                                    $ ("# Div3"). Cliquez sur (fonction () {$ ("div"). CSS ("fond", "beige");}); $ ("# Div4"). Cliquez sur (Fonction () {$ (ceci) .hide ();}); $ ("# Div5"). Cliquez sur (Fonction () {$ ("# div4"). Afficher ();}); $ ("# Div6"). Cliquez sur (Fonction () {$ (this) .append ("
 Je suis en vie! ");}); $ ("# Div8"). Cliquez sur (Fonction () {$ ("# div4", "# div5", "# div7", "# div8"). Addclass ("éclair");});                                                
                                                
                                                                                            
                                                    J'ai toujours des problèmes sont mes éléments représentés correctement?                                                
                                                
                                                                                            
                                                    @Ryanparker  $ ("# div4, # div5, # div7, # div8")  Ceci est correct sélecteur.Check Code mis à jour.                                                

                                                
                                                                                            
                                                    @TUSHARGUPTA: Oui, maintenant, c'est correct, comme vous l'avez ajouté les virgules.                                                
                                                
                                                                                            
                                                    Vous avez mis à jour la réponse à plusieurs reprises, liée au  .addclass ()  doc, mais n'a pas remarqué que OP utilise  addclass !                                                

                                                
                                                                                            
                                                    Oui, maintenant ça couvre tous les problèmes :)                                                
                                                
                                                                                            
                                                    @Ryanparker accepte la réponse si vous êtes satisfait  i.Stack.imgur.com/uqjew.png                                                

                                                
                                                                                            
                                                    Comment puis-je stocker toutes les tags dans un tableau qui sera affecté par AddClass () et appelez le tableau à l'intérieur de AddClass comme  AddClass (arrayofelements) . J'ai essayé de le stocker comme  arrayofelements = ["# id1", "# id"]  mais ne fonctionne pas.                                                

                                                
                                                                                    

                                    

                                                            

                        

                        
                                            
                            
                                
                                    2
 votes
                                
                            
                            
                                
                                     Lorsque vous ajoutez une classe, vous n'avez pas besoin du point. 
 essayez plutôt   xxx                                  

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Vous avez fait quatre sélecteurs distincts à la place sur un sélecteur. 
 Les virgules doivent être à l'intérieur de la chaîne:   xxx  
 Le nom de la méthode est  addclass , pas  addClass , et il ne devrait pas y avoir de période avant le nom de la classe:   xxx                                  


                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    @Ryanparker: ça marche bien lorsque je le teste:  JSFIDDLE.net/7QXMX  Vérifiez les différences avec votre code .                                                
                                                
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Essayez ceci.  XXX                                  

                                                                    
                                    
                                    
                                        6 commentaires
                                        
                                                                                            
                                                    @Ryanparker Avez-vous enveloppé le code avec  manutention prêt au document ?                                                
                                                
                                                                                            
                                                    Oui ça a été! C'est le code avec la zone de style aussi