0
votes

Supprimer toutes les prochaines divs après un enfant

J'ai quelque chose comme ceci: xxx

en utilisant ceci: xxx

Ceci ne cachera que le contenu que j'ai marqué sur le code, signifie seulement les enfants du même parent. J'ai besoin de cacher chaque chose après productpage .


                        
                        
                            
                                                                    javascript
                                                                    jquery
                                                                    css
                                                            
                        
                                                    
                            
                            
                                0 commentaires



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    3
 votes
                                
                            
                            
                                
                                     Vous devez également aller au parent et cibler les prochaines divs. 
  p> 


<div>
  <div class="productPage"></div>
  <div>is hidden</div> <!-- this content will be hidden  -->
</div>

<!-- this one will not become hidden. -->
<div>not hidden..</div>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

                                

                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Cela va casser si l'élément a deux éléments div en tant que parent comme  
  élément.                                                    
                                                
                                                                                    
                                    

                                                            

                        

                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Vous pouvez utiliser le   Sélecteur de frères et sœurs suivants ~  Code>  A > Pour ce 
 Ceci sélectionnera tous les éléments suivants  .productage  code> qui ont le même parent et correspond également au sélecteur  div  p> 
  p > 


<div>
  <div class="productPage"></div>
  <div>is hidden</div> <!-- this content will be hidden  -->
</div>

<!-- this one will not become hidden. -->
<div>not hidden..</div>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Ceci est un  javascript  code> approche mixte. 
  étapes  strong>  p>  xxx  pré> 
 en faisant la procédure ci-dessus, le La liste complète des nœuds qui sont sous un nom de classe particulier sera disparu du DOM. Peu importe la hiérarchie de la DOM est  p> 
  p> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div>
  <div>
    <div>Will Stay</div>
    <div class="productPage">Product Page</div>
    <div>is hidden</div>
  </div>
</div>
<div>not hidden..</div>
<button>button</button>

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                    
            
            
                
		    
                    Articles qui pourrait vous intéresser :
                                            
                            Impossible d'importer le module "@ angular / material"                        
                        
                                            
                            Interaction profonde avec break and catch                        
                        
                                            
                            Utilisation de node.js comment renommer tous les fichiers d'un dossier                        
                        
                                            
                            Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO