Having trouble with jquery if statement with css property

Question

function toggleLinkSelection(link){
    if($(link).css('border-top-color') == 'red'){
        $(link).css({'border-top-color': 'transparent'});
    } else {
        $("div[id$='OptionsLink']").css({'border-top-color': 'transparent'});
        $(link).css({'border-top-color': 'red'});
    }
}

Am I doing something wrong in my if statement? It never tests true. In the browser I inspect item and it should test true. I've tried replacing red with #F00 and #FF0000 and that doesn't help. The link variable = #testID Thanks.

Umm...try console.log($(link).css('border-top-color')) and see what you get? — JCOC611
– JCOC611, Commented Nov 26, 2011 at 5:04

Sinetheta · Accepted Answer · 2011-11-26 05:36:00Z

4

colors are returned in rgb

$(link).css('border-top-color')==='rgb(255, 0, 0)'

ps: always use 3 equals when you know what the output will be, or you could end up with some nasty surprises

EDIT: demo by JesseB (see post below)

edited Nov 26, 2011 at 5:36

answered Nov 26, 2011 at 5:08

Sinetheta

9,4495 gold badges33 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Dale Over a year ago

Thanks. I did try the rgb thing. My mistake was I needed a space after the commas like so.... 'rgb(255, 0, 0)' Thanks.

Dale Over a year ago

In this scenario what's the difference between == and ===?

Greg Pettit Over a year ago

@Dale == will still work because of JavaScripts loose typing and truthy/falsy (vs. hard booleans) nature. But the suggestion is to get into the habit of using === when you are expecting a specific value of a specific type so that JavaScript can't misinterpret your intent. For THIS answer? Might not matter. But it's a good habit to have regardless.

JesseBuesking · Accepted Answer · 2011-11-26 05:14:09Z

1

@Sinetheta is right but I was working on it in jsfiddle, so I thought I'd post my work ;p

answered Nov 26, 2011 at 5:14

JesseBuesking

6,6165 gold badges46 silver badges92 bronze badges

Collectives™ on Stack Overflow

Having trouble with jquery if statement with css property

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related