jquery - Selector based on css property -


is possible select elements based on value of css property. example:

css rules:

div.blockwithborder { border: 1px solid red; } 

html markup:

<div id="a" class="blockwithredborder">...</div> <div id="b" style="border: 5px dashed red">...</div> <div id="c" style="border: 2px solid #ff0000">...</div> 

i want find div elements red border. a, b , c match query.

you this, mean getting computed style value each element querying against expensive operation.

here's example:

var = [].slice.call(document.queryselectorall("a"));  var redlinks = a.filter(function(i){   window.getcomputedstyle(i);   var color = i.style.bordercolor.tolowercase();   return (color === 'red' || color === '#f00' || color === '#ff0000') ? : false; }); 

Comments

Popular posts from this blog

c# - SelectList with Dictionary, add values to the Dictionary after it's assigned to SelectList -

how can i manage url using .htaccess in php? -

ios - I get the error Property '...' not found on object of type '...' -