jquery - 找到单词旁边的输入框

Question

我有一个表格...

<form id='form1'>
   First Name:
   <input type="text"> 
</form>

我希望能够找到单词名字，然后查找以下输入并添加值“Joe”。名称周围可能有标签标签，输入周围也可能有 div/span 标签。以上只是一个基本示例。

我的代码看起来像这样，但当然不能正常运行。谢谢。

$('#form1').text($(this).find('First Name').next().val('Joe')); 

Answer 1

在 HTML 中关联标签和输入的传统方法是使用 <label>标签:

<form id='form1'>
    <label for='firstName'>First Name</label>
    <input type='text' name='firstName' id='firstName'/>
</form>

标签的for通过 ID 与输入关联，因此要从标签中选择输入，您可以执行以下操作:

document.getElementById($('label[innerHTML="First Name"]').get(0).htmlFor).value += Joe;

或者只使用输入的 id:

document.getElementById('firstName').value += 'Joe';