JQuery - Изменить цвет DIV для даже с селектором: экв()

Question

У меня есть 4 дивы с же именем класса и выберите опцию в каждом из них. Как я могу изменить фон в ТОЛЬКО даже divs (2,4,6,8 и т. Д.) Для выбора опций?

Я пробовал с :nth-child(even), без везения, и когда я попытался с $(".tmgrpslc(1)").addClass('red'); Он действительно изменил фон второго выбора opition и был прав. Но, как сказано, я хочу изменить фон для даже выбрать опции.

@Here мой код: *

<!-- First div --> 
<div class="col-md-6 selectgroups"> 
    <div class="nested-fields"> 

    <div class="form-group"> 
     <label class="integer optional" for="choice_group">Choice group</label> 
     <select class="tmgrpslc" name="[1460553694556][choice_group]" id="1460553694556_choice_group"> 
     <option value="0">A</option> 
     <option value="1">B</option> 
     </select> 
    </div> 

    </div> 

</div> 

<!-- second div --> 
<div class="col-md-6 selectgroups"> 
    <div class="nested-fields"> 

    <div class="form-group"> 
     <label class="integer optional" for="choice_group">Choice group</label> 
     <select class="tmgrpslc" name="[1460553694556][choice_group]" id="1460553694556_choice_group"> 
     <option value="0">A</option> 
     <option value="1">B</option> 
     </select> 
    </div> 

    </div> 

</div> 

<!-- Third div --> 
<div class="col-md-6 selectgroups"> 
    <div class="nested-fields"> 

    <div class="form-group"> 
     <label class="integer optional" for="choice_group">Choice group</label> 
     <select class="tmgrpslc" name="[1460553694556][choice_group]" id="1460553694556_choice_group"> 
     <option value="0">A</option> 
     <option value="1">B</option> 
     </select> 
    </div> 

    </div> 

</div> 

<!-- Fourth div --> 
<div class="col-md-6 selectgroups"> 
    <div class="nested-fields"> 

    <div class="form-group"> 
     <label class="integer optional" for="choice_group">Choice group</label> 
     <select class="tmgrpslc" name="[1460553694556][choice_group]" id="1460553694556_choice_group"> 
     <option value="0">A</option> 
     <option value="1">B</option> 
     </select> 
    </div> 

    </div> 

</div> 

Если: эк не хорошая идея, и есть другие селекторы, что делает работу, я открыт к нему.

Спасибо, продвинутый!

Answer 1

Решение для CSS. Используйте селектор псевдо :nth-child(even)

div.col-md-6:nth-child(even) .tmgrpslc { 
 
    background-color: palegreen; 
 
}

<!-- First div --> 
 
<div class="col-md-6 selectgroups"> 
 
    <div class="nested-fields"> 
 

 
    <div class="form-group"> 
 
     <label class="integer optional" for="choice_group">Choice group</label> 
 
     <select class="tmgrpslc" name="[1460553694556][choice_group]" id="1460553694556_choice_group"> 
 
     <option value="0">A</option> 
 
     <option value="1">B</option> 
 
     </select> 
 
    </div> 
 

 
    </div> 
 

 
</div> 
 

 
<!-- second div --> 
 
<div class="col-md-6 selectgroups"> 
 
    <div class="nested-fields"> 
 

 
    <div class="form-group"> 
 
     <label class="integer optional" for="choice_group">Choice group</label> 
 
     <select class="tmgrpslc" name="[1460553694556][choice_group]" id="1460553694556_choice_group"> 
 
     <option value="0">A</option> 
 
     <option value="1">B</option> 
 
     </select> 
 
    </div> 
 

 
    </div> 
 

 
</div> 
 

 
<!-- Third div --> 
 
<div class="col-md-6 selectgroups"> 
 
    <div class="nested-fields"> 
 

 
    <div class="form-group"> 
 
     <label class="integer optional" for="choice_group">Choice group</label> 
 
     <select class="tmgrpslc" name="[1460553694556][choice_group]" id="1460553694556_choice_group"> 
 
     <option value="0">A</option> 
 
     <option value="1">B</option> 
 
     </select> 
 
    </div> 
 

 
    </div> 
 

 
</div> 
 

 
<!-- Fourth div --> 
 
<div class="col-md-6 selectgroups"> 
 
    <div class="nested-fields"> 
 

 
    <div class="form-group"> 
 
     <label class="integer optional" for="choice_group">Choice group</label> 
 
     <select class="tmgrpslc" name="[1460553694556][choice_group]" id="1460553694556_choice_group"> 
 
     <option value="0">A</option> 
 
     <option value="1">B</option> 
 
     </select> 
 
    </div> 
 

 
    </div> 
 

 
</div>

Answer 2

Вы можете сделать это с ": п-й ребенок (даже)" селектор:

$(".selectgroups:nth-child(even)").css("background","#FFFFFF")