выбрать первый элемент с конкретным классом CSS

Question

Если я следующий HTML структурой

<div class="col-lg-3 form-group"> 
    <input id="My_Value" class="form-control ui-autocomplete-input" type="text" value="" name="My.Value" autocomplete="off" data-toggle="tooltip" data-placement="right" data-original-title="Choose!"> 
    <span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="My.Value"></span> 
</div> 
<div class="col-lg-1"> 
    <span class="glyphicon glyphicon-ok"></span> 
    <span class="glyphicon glyphicon-remove"></span> 
    <a class="" title="some title"> 
</div> 

При перемещении РОМА, если я знаю My_Value как я могу выбрать glyphicon-ok. Стоит упомянуть, что есть много элементов с классом glyphicon-ok, и я хочу выбрать только этот первый после My_Value селектор.

Answer 1

Try:

Вы можете использовать первый .parent() получить родительский My_Value затем перейти к .next() элемент и найти glyphicon-ok элемент внутри него.

$("#My_Value").parent("div").next().find(".glyphicon-ok:first") 

Answer 2

Просто ответь

var span_glyphicon_ok = $('#My_Value').parent().next().find('.glyphicon-ok:first'); 

parent() => для получения родительского DIV из My_Value

next() => для получения следующего элемента выше дел.

find() => найти glyphicon-ок селектором класса

Answer 3

Есть много селектор JQuery вы хотите использовать. Проверьте код ниже: -

$('#My_Value').parent('.form-group').next().find('.glyphicon-ok:first') 

Answer 4

В этой структуре, ваш главный DIV является col-lg-1 так вы просто сосредоточиться на конкретной DIV.

<div class="col-lg-1"> 
    <span class="glyphicon glyphicon-ok"></span> 
    <span class="glyphicon glyphicon-remove"></span> 
    <a class="" title="some title"> 
</div> 

вы просто хотите, чтобы выбрать первый glyphicon из col-lg-1 поэтому процесс будет, как показано ниже. и просто добавьте один класс в тот же div, который уже имеет класс col-lg-9, как col-lg-9 glyphicon-wrapper.

.col-lg-9.glyphicon-wrapper > .glyphicon:first-of-type { 
    /* Your CSS code will be here */ 
} 

:first-of-type будет выбрать первый glyphicon из родительских дел.