Select divs which are visible on the page

Select divs which are visible on the page

Hi Guys,
 
I know how to select certan divs based on display
 

$(

"div[data-valid=false]" ).filter( function (index) { return $( this ).css( "display" ) != "none" ; });

But in case of parent element invisible it will be invisible for the user.
 
I need to select the divs ONLY if user can see them..
 
Yep I can run thru all parents and check that they are visible, but  
 
Is any elegant way?