Question

I have a jQ:

$(function() {
    if($('span').css('color')=='rgb(250, 0, 0)' ||
       $('span').css('color')=='#fa0000') {
         $('span').before('hello ');
       }
});

it work with this html:

<span style="color: #fa0000">Ann</span>

but it do not work with:

<span><span style="color: #fa0000">Ann</span></span>

Answer 1

When you are calling .css('color'), it’s only getting the color of the 1st span. You want to check the color of each span. Try this:

$('span').each(function() {
    var $this = $(this);
    var color = $this.css('color');
    if (color == 'rgb(250, 0, 0)' || color == '#fa0000') {
        $this.before('hello ');
    }
})

Demo: http://jsfiddle.net/y7nVZ/