如何通过jQuery获取带必填标记的表单标签关联的输入元素？

嘿，我明白你的困扰了——你想用next()找input但失败，是因为你的span的兄弟元素不是input，而且label和input之间还隔了其他div，next()只能找紧邻的下一个兄弟元素，自然碰不到目标input啦。

正确的思路应该是利用HTML原生的label与input的关联机制：label的for属性值对应着input的id，不管它们之间隔了多少元素，这个关联都是稳定的。具体步骤如下：

1. 从当前的.required span元素，找到它的父级label元素
2. 获取label的for属性值，也就是对应input的id
3. 通过id选择器定位到目标input

给你写好完整的代码示例：

$('form .required').each(function(index, element) {
  // 找到当前span所属的label（closest能确保找到最近的父级label，比parent()更稳妥）
  const $label = $(element).closest('label');
  // 获取label的for属性值，也就是对应input的id
  const targetInputId = $label.attr('for');
  // 通过id找到对应的input元素
  const $targetInput = $('#' + targetInputId);

  // 现在你就可以对这个input做任何操作了，比如输出它的value
  console.log('找到的input值：', $targetInput.val());
});

这个方法的优势在于完全依赖HTML原生的关联规则，不管label和input之间夹了多少div、span或者其他元素，都能准确找到对应的input，比依赖DOM结构的兄弟选择器靠谱得多。

内容的提问来源于stack exchange，提问作者linuxoid