jquery 每个表单元素 - 如何获取表单中的下一个、上一个元素？

Question

我有一个表单，其中每个输入元素都有一个带有文本的标签，一些标签有一个带有“required”类的跨度项目，并且标签和文本输入之间可能还有更多的 div，例如

<label for="diameter">D<span class="required">Required</span></label>
<div ...
    <input type="text" id="diameter" name="diameter" value="20" />

我需要检查所有带有所需跨度标签的输入。我可以像这样旋转所有的跨度

$('form .required').each(function(index, element) {
});

其中“元素”是跨度。但是我如何获得相关的输入呢？以下均无效:

element.next('input[type="text"]')
$(element).next('input[type="text"]')

Answer 1

由于 span 位于 label 元素内部，因此不能直接使用 next 方法。

首先需要使用 parent 方法遍历到父元素。

 $('form .required').each(function (index, element) {
     var inputElement = $(element).parent().next('div').find('input[type="text"]');
 });