jQuery最接近的输入字段

Question

我有像这样的结构：

<div class="form-group dynamic-group">
   <label id="field_name_539" class=" control-label list-label dynamic-label">Untitled
     <span id="field_required_539" class="field-required" style="color: #FF0000; ">*</span>
   </label>
  <div id="field_539" class=" list-field">
    <input class="form-control dynamic-control field-text input-block-level" type="text" value="" placeholder="" name="Untitled">
    <span id="field_description_539" class="help-block">Some help text goes here</span>
  </div>
</div>

如何获得最接近“.field-required”的输入字段值？我尝试这样做，但它不起作用：

$(".field-required:visible").each(function() {
  alert($(this).closest(":input").val());
});

Answer 1

input不是field-required

的父级

使用

$(".field-required:visible").each(function() {
  alert($(this).closest(".dynamic-group").find(":input").val());
});

Answer 2

像这样使用，如果inputs

中有很多form-group dynamic-group

$(".field-required:visible").each(function () {
    alert($(this).parent().next().find(":input").val());
});

Answer 3

上上树然后下来：

$(".field-required").parents('.form-group').find('input').each(function() {
  alert($(this).val());
});