jQuery: Pouvez-vous sélectionner par la règle CSS, pas de classe?

Question

Un .container peut contenir beaucoup .components, et se .components peuvent contenir .containers (qui peut contenir .components etc., etc.)

de code donné comme ceci:

$(".container .component").each(function(){ 
    $(".container", this).css('border', '1px solid #f00'); 
}); 

Qu'est-ce que J'ai besoin d'ajouter à la ligne dans les accolades pour sélectionner uniquement les .containers imbriqués dont la largeur dans CSS est définie sur 'auto'? Je suis sûr que c'est quelque chose de simple, mais je n'ai pas vraiment beaucoup utilisé jQuery.

Answer 1

$(".container .component").each(function() 
{ 
    $(".container", this).each(function() { 
     if($(this).css('width') == 'auto') 
     { 
      $(this).css('border', '1px solid #f00'); 
     } 
    }); 
}); 

similaires à l'autre réponse, mais puisque les composants peuvent avoir plusieurs conteneurs, doit également l'.each() vérifier ici aussi pour la largeur.

Answer 2

$(".container .component").each(function() { 
    if ($(".container", this).css('width') === "auto") 
     $(".container", this).css('border', '1px solid #f00'); 
}); 

Answer 3

Vous pouvez regarder dans .filter().

Quelque chose comme:

$('.container .component .container') 
.filter(function() {return $(this).css('width') == 'auto';}) 
.css({border: '1px solid #f00'});