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

Un .conteneur peut contenir beaucoup .composants, et .les composants eux-mêmes peuvent contenir .les conteneurs (qui à son tour peut contenir .les composants etc. etc.)

Donné un code comme ceci:

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

De quoi ai-je besoin d'ajouter à la ligne à l'intérieur des accolades pour ne sélectionner que les imbriquée .les récipients qui ont leur largeur en CSS réglé à "auto"? Je suis sûr que c'est quelque chose de simple, mais je n'ai pas vraiment utilisé jQuery beaucoup.

  • Merci beaucoup pour vos réponses. J'aurais idéalement aimé inclure la règle CSS dans le sélecteur, de sorte que j'ai eu un groupe de tous les .les conteneurs qui sont dans un .composant CSS width: auto, mais jamais l'esprit.
InformationsquelleAutor Adam Hepton | 2008-09-04
  1. 19
    $(".container .component").each(function()
{
    $(".container", this).each(function() {
        if($(this).css('width') == 'auto')
        {
            $(this).css('border', '1px solid #f00');
        }
    });
});

    Semblable à l'autre réponse, mais depuis les composants peuvent également avoir plusieurs conteneurs, a également besoin de la .chacun() cochez ici pour la largeur.

    InformationsquelleAutor David McLaughlin
  2. 17

    Vous voudrez peut-être chercher dans .filter().

    Quelque chose comme:

    $('.container .component .container')
.filter(function() {return $(this).css('width') == 'auto';})
.css({border: '1px solid #f00'});
    • c'est ce que je cherche, avec une seule ligne à atteindre.
    InformationsquelleAutor anon
  3. 4
    $(".container .component").each(function() {
    if ($(".container", this).css('width') === "auto")
        $(".container", this).css('border', '1px solid #f00');
});
    InformationsquelleAutor travis