CODEWITHSUNDEEP
javascript
Ricardo Sanchez
Ricardo Sanchez

Reputation: 5167

How can I compare two hex values?

I need to compare two hex values that are coming from a xml tag attribute field, I'm trying this:

var fill = $(this).attr( "fill" );
// console.log( fill.toString(16) );
if ( fill === "#FF00FF" )

But is not working any ideas?

Upvotes: 4

Views: 6527

Answers (3)

Nickolas Tuttle
Nickolas Tuttle

Reputation: 208

I think you have to use 2 equal signs there, try this...

var fill = $(this).attr( "fill" );
if ( fill == "#FF00FF" )

If that doesn't work, then you probably not identifying $(this)

Upvotes: 1

T.J. Crowder
T.J. Crowder

Reputation: 1074258

attr returns a string, there's no need to call toString on it (and the argument will be ignored, because String's toString doesn't take an argument).

Your code is assuming a couple of things:

  1. That the attribute comes back in #hex form (if it's a color value, this is not reliably true cross-browser).

  2. That it will be in all upper case.

Not knowing what you see when you log the value, I'll just address the second part:

var fill = $(this).attr( "fill" );
if ( fill.toUpperCase() === "#FF00FF" )

Upvotes: 1

superM
superM

Reputation: 8695

If fill is a color, then it might be returned in RGB-format. And when you log it you write toString(). Either compare it with a RGB-value or compare it with a string as fill.toString(16)

Upvotes: 0

Related Questions