Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery Select Elements with a certain CSS

I'm trying to add a bit of jQuery code to all elements that have position:fixed set on them. Is this sort of thing possible? It would be very helpful if there is, so I don't have to go through all my code and an extra class to the objects that are fixed.

like image 376
Brian Leishman Avatar asked Feb 13 '12 03:02

Brian Leishman


2 Answers

If you are only checking for display: none and other display properties. You could use the CSS selector :visible in your usual jQuery selections, like this:

$('.items:visible')

Or to select the hidden elements:

$('.items:hidden')
like image 86
David Lopez Avatar answered Nov 16 '22 01:11

David Lopez


This one should cover all cases:

$('*').filter(function() {
    return $(this).css("position") === 'fixed';
});

Not as fast as qwertymk's answer, but also work if the css property is inherited from another rule, as demonstrated here.

like image 24
mgibsonbr Avatar answered Nov 16 '22 02:11

mgibsonbr