Bắt yếu tố đầu tiên có thể nhìn thấy với jQuery

Question

Đang cố gắng để có được những yếu tố có thể nhìn thấy đầu tiên của một danh sách sử dụng jQuery :first và :visible pseudo-selectors, như đề xuất ở đây: https://stackoverflow.com/a/830611/165673 nhưng nó không làm việc:

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

Mục đầu tiên trong mỗi danh sách nên chuyển sang màu xanh ...

Answer 1

Cố gắng sử dụng này:

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

Hiện nay mã của bạn là chỉ cần nhận được li yếu tố có thể nhìn thấy đầu tiên trên và thiết lập màu nền. Mã này chọn tất cả các thành phần ul sau đó tìm thấy đầu tiên có thể nhìn thấy li bên trong mỗi phần tử và áp dụng kiểu.

Ở đây nó đang làm việc: http://jsfiddle.net/FAY9q/5/

Answer 2

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

Answer 3

gì về việc sử dụng này:

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