if option in select has class then add class

is there a way to do: if options have class 1 and 2 then add class A in jQuery?

So this :

<select class="rubrique" name="ctl00">
            <option class="" value="" selected="selected"></option>
            <option class="1" value="1">1</option>
            <option class="2" value="2">2</option>
           </select>

would give me that:

 <select class="rubrique" name="ctl00">
            <option class="" value="" selected="selected"></option>
            <option class="1 A" value="1">1</opt开发者_运维技巧ion>
            <option class="2 A" value="2">2</option>
           </select>

---

If you want both class 1 and class 2 to be present:

$('.rubrique > .1.2').addClass('A');

You can chain the class-selector . and class-names to find elements with both.

Otherwise, as noted, if you want to add class A to both:

$('.rubrique > .1, .rubrique > .2').addClass('A');

Is what's needed.

With thanks @T.J. Crowder for pointing out my original mis-reading of the question example.

---

$( '.rubrique > option.1, .rubrique > option.2' ).addClass( 'A' );

---

I'd've thought the answers to your other question would've shown you how to get there pretty easily.

Basically, you just change the selector a bit, and since your class no longer varies based on the element, you don't need to use a function, just a string:

$('.rubrique option.1, .rubrique option.2').addClass("A");

...but note that "1" and "2" are invalid CSS class names.

Further reading:

• jQuery selectors
• addClass

...and just generally the jQuery docs.

---

jQuery("option").each(function(){
   if(jQuery(this).hasClass("1") && jQuery(this).hasClass("2")) {
      jQuery(this).addClass("A");
   }
});