Javascript, CSS: Get element by style attribute

Question

I\'d like to:

1. Find a style attribute for all elements in the page (for instance: all elements that have color:#333;)
2. Change this attribut

Answer 1

It's definitely more simple if you use jquery. In any case, the best would be to use classes and use the filter jquery method to get the objects you want.

But if you really want to get them you can do something like:

$(function () {
    $('p').filter(function () {
        return $(this).css('color') == '#333';
    }).css('color', '#444');
});

The above script get the elements with the desired css attribute and set a new css attribute (color #444).