Using an array to populate if statement values

Question

I am trying to toggle a css style to a couple elements on using an if statement. I have it working by using many if statements, but I feel like it can be simplified using an array with the values and one if statement.

Here is what I have working so far:

var linkValues =  $("#links-active-picker").val() && $("#links-panel-picker").val();

if(linkValues == "#009bd1"){
    $("#light-blue").parent().addClass("selected");
}

if(linkValues == "#0bdea1"){
    $("#light-green").parent().addClass("selected");
}  

if(linkValues == "#edd531"){
    $("#yellow").parent().addClass("selected");
}

what is this? var linkValues = $("#links-active-picker").val() && $("#links-panel-picker").val(); — Venkata Krishna
– Venkata Krishna, Commented Nov 25, 2013 at 20:09

Adam Rackis · Accepted Answer · 2013-11-25 20:09:43Z

3

I would create a simple object

var obj = {
    "#009bd1": "#light-blue",
    "#0bdea1": "#light-green", 
    "#edd531": "#yellow"
};

and then do

if (obj[linkValues]) {
    $(obj[linkValues]).parent().addClass('selected');
}

answered Nov 25, 2013 at 20:09

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

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

1 Comment

ryan Over a year ago

Adam - Thank you so much. This works perfectly, I was thinking either this or an array. This is much cleaner and works well for many cases.

Suthan Bala · Accepted Answer · 2013-11-25 20:12:53Z

0

var obj = {
    "#009bd1": "#light-blue",
    "#0bdea1": "#light-green", 
    "#edd531": "#yellow"
};

if(linkValues in obj){
   $(obj[linkValues].parent().addClass('selected');
}

answered Nov 25, 2013 at 20:12

Suthan Bala

3,3095 gold badges41 silver badges61 bronze badges

Collectives™ on Stack Overflow

Using an array to populate if statement values

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related