How do you select elements based on their style?

Question

Using jQuery, how would you find elements which have a particular style (eg: float: left), regardless of whether it's an inline style or one defined in a CSS file?

Answer 1

Using the filter function:

$('*').filter(function() {      return $(this).css('float') == 'left'; }); 

Replace '*' with the appropriate selectors for your case.

Answer 2

This is gonna be slow. Like REALLY slow. If you know you need to select all elements with a given CSS style, you will see much better performance by applying a single additional css rule to each element, and then selecting by that rule.

It's going to be MUCH faster and more readable to boot.

CSS:

.float-left {float:left} 

Javascript:

$('.float-left');