array and loop in jquery

Question

Hey all, I basically need to add a class to every <option> in a select. There is a different class to apply depending on the value of each option.

I need an easy way of doing something like

$('select option').each(function(){

       if($(this).val()=="Argentina"){  $(this).addClass("ar");  }
       if($(this).val()=="Brazil"){  $(this).addClass("br");  }
       if($(this).val()=="Czech"){  $(this).addClass("cz");  }

});

I have a very long list of countries, so using an array of some sort would be preferable, and then let the function filter in the if value = and the class name.

Many thanks

Tim

user447356 · Accepted Answer · 2011-05-19 10:34:44Z

8

Sure, use associative array:

var mapping = { "Argentina": "ar", "Brazil": "br", "Czech": "cz"};
$('select option').each(function(){
   var sClass = mapping[$(this).val()];
   if (sClass)
      $(this).addClass(sClass);
});

The if (sClass) is just failsafe to avoid crash when you forget to put country in the array. You can add some default class in such case.

answered May 19, 2011 at 10:34

user447356

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

2 Comments

user447356 Over a year ago

Thanks Tim and @Raja! Hopefully this will become my first Nice Answer ;)

Raja Over a year ago

It sure is an Awesome Answer in my view just requires 3 more votes :-)

Gabriele Petrioli · Accepted Answer · 2011-05-19 11:09:21Z

1

Just an extra opinion in case the pattern (the class is just the first two chars in lowercase) from the example is a rule.

$('select option').each(function(){
  $(this).addClass( this.value.substr(0,2).toLowerCase() );
});

answered May 19, 2011 at 11:09

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

4 Comments

user447356 Over a year ago

+1 for nice idea but what about (one example out of many) Ireland and Iraq? :) EDIT: even with 3 letters.. India and Indonesia

Gabriele Petrioli Over a year ago

@shadow, yes i know it it does not hold much water in the official abbreviation of all countries.. I just posted it in case he was using a fixed list and the pattern fit every case..

user447356 Over a year ago

Sure @Gaby I'm well aware of that - if this is indeed the case I do believe your way is better.

Tim Over a year ago

Tim: Yeah thanks for this, I was using the A2 ISO Country Codes in this case so it wouldn't have worked like that unfortunately. Thanks nonetheless :)

Collectives™ on Stack Overflow

array and loop in jquery

2 Answers 2

2 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related