sélectionnez seulement un tiers li

comment puis-je sélectionner uniquement 3e( ou de certains d'autres non. de mon chioce) li élément avec jquery?
par ex:
comment puis-je changer le fond de seulement un tiers li avec jquery. toute aide, veuillez

InformationsquelleAutor sonill | 2010-08-09
  1. 14

    comment puis-je sélectionner uniquement 3e(

    Utiliser le eq méthode comme ceci:

    $('li').eq(2).css('background', 'yellow');

    Ou vous pouvez utiliser cette variation de :eq sélecteur de filtre:

    $('li:eq(2)').css('background', 'yellow');

    L'indexation commence à partir de 0, vous devez spécifier 2 pour sélectionner la troisième li

    Cependant, si vous voulez sélectionner tous les troisième élément, vous devez utiliser nth-child comme ceci:

    $('li:nth-child(3n)')

    L'index pour nth-child commence à partir de 1 bien.

    • Par curiosité, j'ai trompé un peu avec le sélecteur. Comme il s'avère, à l'aide de slice de la loi et l'ensemble de la wrappet jeu est plus rapide que l'utilisation nth-child. jsfiddle.net/qbDKN/13
    • C'est intelligent de travail 🙂
    • J'obtiens des résultats opposés, avec eq presque deux fois plus lent. Rappelez-vous nth-child est un sélecteur css, et est mis en œuvre de façon native par certains navigateurs.
    • intéressant. J'ai testé sur Chrome(5) avec des résultats légèrement meilleurs pour slice (environ 300ms).
    • Je reçois environ 9400 pour eq, et d'environ 5800 pour slice. Mais attendez - dans votre code, eq est la nth-child code. Comment la confusion de vous 🙂 . Donc, vous avez raison, il est plus rapide.
    • Oh dear, my bad j'ai oublié de renommer le time event. Mais wow, ça sonne comme une grand différence que pour vous.
    • Aussi, sur la tranche de code, vous ne garde pas rappelant find mais d'utiliser la même liste, ce qui je pense biaise les résultats.
    • bien vrai, mais il est encore réaliste. Vous ne pouvez pas faire autrement avec le nth-child(xn) sélecteur.
    • une dernière remarque - j'ai aussi trouvé background à être plus lent que background-color, ce qui est logique quand on y pense. Il prend sans doute plus qu'une boucle de profil les différences :|.

    InformationsquelleAutor Sarfraz
  2. 7

    Si vous avez besoin de la troisième li sur toutes les listes, utilisez nth-child:

    $('li:nth-child(3)')
    • Ce qui va sélectionner tous les troisième enfant, non seulement
    • ce serait nth-child(3n)
    • Je suppose que je suis en bas-voté parce que Sarfraz édité sa réponse à inclure la mine, après affirmant qu'il n'est pas correct. De bons moments.
    • hehe homme que je n'ai pas voter pour vous assurer de +1 de moi bien 🙂
    • Je n'étais pas ce qui suggère que. N'a pas vraiment d'importance 🙂
    InformationsquelleAutor Kobi