javascript - 选择具有特定 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>

在遍历 dom 时，如果我知道 My_Value，我该如何选择 glyphicon-ok。 值得一提的是，有很多元素都带有 glyphicon-ok 类，我只想在 My_Value 选择器之后先选择这个。

Answer 1

只要回答

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

parent() => 获取 My_Value 的父 div

next() => 用于获取上述 div 的下一个元素。

find() => 通过类选择器找到 glyphicon-ok