Arriver premier élément visible avec jQuery

En essayant d'obtenir le premier élément visible d'une liste à l'aide de jQuery :first et :visible pseudo-sélecteurs, comme suggéré ici: https://stackoverflow.com/a/830611/165673 mais cela ne fonctionne pas:

Violon: http://jsfiddle.net/FAY9q/4/

HTML:

<ul>
    <li>Item A</li>
    <li>Item B</li>
    <li>Item C</li>
</ul>
<ul>
    <li style="display:none;">Item A</li>
    <li>Item B</li>
    <li>Item C</li>
</ul>

JQUERY:

$('li:visible:first').css('background','blue');

Le premier élément de chaque liste doit devenir bleu...

  • il semble fonctionner correctement... d'arrière-plan de l'Élément a changé
  • Si c'étaient de travail puis origines d'Un élément dans la première liste ET le point B dans la deuxième liste serait de changer
InformationsquelleAutor Yarin | 2013-08-10
  1. 45

    Essayez d'utiliser ceci:

    $('ul').find('li:visible:first').css('background','blue');

    Actuellement votre code est juste en train de la première visible li élément de la page et le réglage de la couleur d'arrière-plan. Ce code permet de sélectionner tous les ul éléments, puis trouve la première visible li à l'intérieur de chacun d'eux et s'applique le style.

    Ici, il est de travail: http://jsfiddle.net/FAY9q/5/

    • Pouah, vous avez raison, BÂCLÉE!
    • Étrangement bien, à l'aide de $('ul li:visible:first') ne fonctionne toujours pas: jsfiddle.net/FAY9q/7 (Si c'est le cas lorsque vous utilisez $('ul').find('li:visible:first'))
    • c'est parce qu'il est toujours à la recherche de la première visible li dans un ul. La raison .find() œuvres, c'est qu'il trouve le sélecteur de donnée dans les chaque de la correspondance des éléments (dans ce cas uls).
    • l'a obtenu. Merci pour l'explication-
    InformationsquelleAutor Joe
  2. 0

    Que sur l'utilisation de ce: 

    li:visible:not(:visible ~ :visible)
    InformationsquelleAutor user3353523
  3. -2
    $('li:visible').eq(0).css('background','blue');
    • Cela ne fonctionne pas: jsfiddle.net/FAY9q/8
    • Grâce Yarin. Il a été mon erreur, je n'ai pas mis le trouver.
    InformationsquelleAutor Lab