Question

有办法吗：如果选项有1级和2级，那么在jQuery中添加A类？

所以这个：

<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>

会给我这个：

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

Answer 1

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

Answer 2

我认为your other question的答案会向您展示如何轻松实现目标。

基本上，你只需更改一下选择器，因为你的类不再根据元素而变化，所以你不需要使用函数，只需要一个字符串：

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

...但请注意“1”和“2”无效CSS class names。

进一步阅读：

......通常是jQuery docs。

Answer 3

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

Answer 4

如果你想同时出现1级和2级：

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

您可以链接类选择器.和类名来查找包含两者的元素。

否则，如上所述，如果您要将A类添加到：

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

是否需要。

感谢@ T.J。克劳德指出我原来误读了问题的例子。

如果select中的选项有类，则添加类

4 个答案: