Select all elements that have a specific CSS, using jQuery

Question

How can I select all elements that have a specific CSS property applied, using jQuery? For example:

.Title {     color:red;     rounded:true; }  .Caption {     color:black;     rounded:true; } 

How to select by property named "rounded"?

CSS class name is very flexible.

$(".Title").corner(); $(".Caption").corner(); 

How to replace this two operation to one operation. Maybe something like this:

$(".*->rounded").corner(); 

Is there any better way to do this?

Answer 1

This is a two year old thread, but it was still useful to me so it could be useful to others, perhaps. Here's what I ended up doing:

var x = $('.myselector').filter(function () {      return this.style.some_prop == 'whatever'  }); 

not as succinct as I would like, but I have never needed something like this except now, and it's not very efficient for general use anyway, as I see it.

Answer 2

Thank you, Bijou. I used your solution, but used the jQuery .css instead of pure javascript, like this:

var x = $('*').filter(function() {     return $(this).css('font-family').toLowerCase().indexOf('futura') > -1 }) 

This example would select all elements where the font-family attribute value contains "Futura".