Pierwsze pierwszy widoczny element z jQuery

Question

Próbując zdobyć pierwszy widoczny element listy za pomocą :first i :visible pseudo-selektorów jQuery, tak jak sugeruje tutaj: https://stackoverflow.com/a/830611/165673 ale to nie działa:

Fiddle: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'); 

Pierwsza pozycja w każdej listy należy włączyć niebieski ...

Answer 1

Spróbuj użyć tego:

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

Obecnie kod jest po prostu coraz pierwszy widoczny element na li stronę i ustawienie koloru tła. Ten kod wybiera wszystkie elementy ul, a następnie znajduje pierwszy widoczny obiekt w każdym z nich i stosuje ten styl.

Tu pracuje: http://jsfiddle.net/FAY9q/5/

Answer 2

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

Answer 3

Co na temat korzystania z tego:

li:visible:not(:visible ~ :visible)