9
votes

Comment choisir par CSS Styles dans JQuery?

J'essaie de trouver tous les éléments parent qui ont le style CSS Affichage: Aucun . Je ne peux pas sembler le faire travailler cependant. Voici ce que j'ai: xxx


                        
                        
                            
                                                                    jquery
                                                                    css
                                                                    jquery-selectors
                                                            
                        
                                                    
                            
                            
                                0 commentaires



                                    
                    4 Réponses :
                    
                                            
                            
                                
                                    18
 votes
                                
                            
                            
                                
                                     Si vous voulez que ceux qui sont  réellement  em>  affichent: aucun;  code> (non seulement  éventuellement contenus  em> dans un autre  Affichage: Aucun;  code>), vous pouvez utiliser   .Filter ()  code>  et   .css ()  code>  pour obtenir ces parents, comme ceci: 
var $parents = $(...).parents().filter(function() {
                  return $(this).css('display') == 'none';
               });

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    9
 votes
                                
                            
                            
                                
                                      @ Nick's Solution  est un méthode très simple et directe pour atteindre votre objectif. C'est aussi probablement la méthode la mieux performante. Cependant, pour des raisons de complétude et de commodité (si vous le faites beaucoup), il est également possible de créer votre propre sélecteur:  xxx  
 exemple -  http://jsfiddle.net/v8cqr/ .  
 Voir plus d'informations sur la création de sélecteurs personnalisés à:  
  http: // www. Jameswiseman.com/blog/2010/04/19/Creating-A-JQuery-Custom-Selector/                                   

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('a').parents('div[style*="display: none"], [style*="display:none"]').show();
        });
    </script>
</head>
<body>
    <div class="Test" style="color: Red; display: none;">
        aaa <a href="#test">test</a><br />
    </div>
    <div class="Test" style="color: Aqua;">
        bbb <a href="#test">test</a><br />
    </div>
    <div class="Test" style="font-size: 15px; display: none;">
        ccc <a href="#test">test</a><br />
    </div>
</body>
</html>

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Vous étiez fermé: 
$(...).parents('[style*="display: none"]');

                                

                                                                    
                                    
                                    
                                        0 commentaires