Question

<div class="form-group">
    <div class="col-xs-6 col-sm-3">
        <label for="minLength">Min. Length <span class="units">(ft.)</span> </label>
        <input type="number" class="heartland-input form-control dimensionalValue" id="minLength" name="minLength" min="10" step="10">
    </div>
</div>

<div class="form-group">
    <div class="col-xs-6 col-sm-3">
        <label for="maxLength">Max. Length <span class="units">(ft.)</span></label>
        <input type="number" class="heartland-input form-control dimensionalValue" id="maxLength" name="maxLength" min="10" step="10">
    </div>
</div>

从#maxLength开始，我需要获得#minLength的值。它不应该那么难，但我看不到它！

Answer 1

虽然Id必须是唯一的，但您可以直接使用

var minValue = $('#minLength').val();

如果您将其更改为类并需要使用prev（），则可以使用

var prev_minValue = $('.maxLength').closest('.form-group').prev('.form-group').find('.minLength').val();

Answer 2

如果你真的想要遍历DOM，那么你只需要转到父元素，转到目标元素的父元素，然后转到目标元素。像这样：

$('#maxLength').closest('div.form-group').prev().find('input#minLength').val()

但这很脆弱。如果DOM结构发生变化，那么代码就必须随之改变。

然而，这不是必需的。您的目标元素有一个id，因此您只需选择：

$('#minLength').val()

如何在前一个div中获得输入字段的val（）？

2 个答案: