visible not working

[dweb]

Hi all

 

I have the following jquery

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

but it doesn't seem to work. Oddly if I remove 'visible' and use

$(document).find('.other li:first').css('background','blue');

it works.

 

How can I correct my issue as I really need it to apply the code to the first visible element

 

Thanks

[scootstah]

If you're using visiblity: hidden to make it "not visible", then the :visible selector will still select that element because it is still part of the DOM. You will either need to use display: none instead, or you'll have to filter your selection and check the visibility style.