Jquery 查找单词旁边的输入框

我有一张表格

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

---

这是一个坏主意，以这种方式搜索标签将迫使浏览器搜索更多的元素。您应该为文本框使用id，并通过id获取元素

<label for="firstname">First Name: </label><input id="firstname"/>

$('#firstname').val('joe');

名字：
$（'firstname'）.val（'joe'）；

或者：

<label for="firstname">First Name: </label><input id="firstname" class="firstname"/>

$('input.firstname').val('joe');

名字：
$（'input.firstname'）.val（'joe'）；

或

名字：
$（'input[inputtype=“firstname”]）.val（'joe'）；

这是一个坏主意，以这种方式搜索标签将迫使浏览器搜索更多的元素。您应该为文本框使用id，并通过id获取元素

<label for="firstname">First Name: </label><input id="firstname"/>

$('#firstname').val('joe');

名字：
$（'firstname'）.val（'joe'）；

或者：

<label for="firstname">First Name: </label><input id="firstname" class="firstname"/>

$('input.firstname').val('joe');

名字：
$（'input.firstname'）.val（'joe'）；

或

名字：
$（'input[inputtype=“firstname”]）.val（'joe'）；

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

标记：

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

或者只使用输入的id：

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

---

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

标记：

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

或者只使用输入的id：

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

---

jQuery不是用来选择文本的，它是用来选择元素的。例如，如果您将输入命名为

first\u name

，您可以直接使用

$("input[name=first_name]", "#form1")

---

如果输入必须具有名称id或类，以便html页面以任何有用的方式使用，则绝对没有理由根据之前的文本选择输入。

jQuery不是用于选择文本，而是用于选择元素。例如，如果您将输入命名为

first\u name

，您可以直接使用

$("input[name=first_name]", "#form1")

当输入必须具有名称id或类，以便html页面以任何有用的方式使用时，绝对没有理由根据其前面的文本选择输入

模拟：使用

.eq（）

（或

：eq（）

）
我假设在一个表单中，您想要的输入将是（例如）第一个，对吗：

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

所以有一天你可以平静地在你的页面中使用更多的语言：）

模拟：使用

.eq（）

（或

：eq（）

）
我假设在一个表单中，您想要的输入将是（例如）第一个，对吗：

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

---

---

所以有一天你可以平静地在你的页面中使用更多的语言：）

相反，你不能为输入分配一个id并用#textboxid选择它吗？你需要更具体一些。“名称周围可能有标签标记，输入周围也可能有div/span标记。”不够具体，这可能会导致20-30种不同的方式包装输入，从而导致在jQuery中有这么多*5种不同的方式进行包装。@KevinB这是我能解释的最好的方式，因为每次加载页面时表单都可能不同。文本和输入通常是相同的though@Joe-您尝试过我的解决方案吗？

名字：

是否也可能缺少一个

：

，或者被包装在任意数量的可能元素中？这使得几乎不可能创建一个在所有情况下都能工作的脚本，除非输入有一个通用名称或id，或者每次都是表单中唯一的输入。相反，你不能为输入分配一个id并用#textboxid选择它吗？你需要更具体一些。“名称周围可能有标签标记，输入周围也可能有div/span标记。”不够具体，这可能会导致20-30种不同的方式包装输入，从而导致在jQuery中有这么多*5种不同的方式进行包装。@KevinB这是我能解释的最好的方式，因为每次加载页面时表单都可能不同。文本和输入通常是相同的though@Joe-您尝试过我的解决方案吗？

名字：

是否也可能缺少一个

：

，或者被包装在任意数量的可能元素中？这使得创建一个脚本几乎不可能在所有情况下都能工作，除非输入有一个共同的名称或id，或者每次都是表单中唯一的输入。我需要首先找到匹配单词的位置来确定它的位置。一旦我找到了，我就可以找到右边输入的位置，除非你有更好的东西，“右边”是不起作用的。右边可能意味着在1和4之间遍历2个元素，或者在2和1之间遍历1，或者在1和6之间遍历0，等等。对于使用表格进行布局的表单，如果标签和输入位于两个完全不同的行中，情况又如何呢？如果您告诉我们所有的可能性是什么，我们可能会给你一个具体的解决方案。我需要先找到匹配单词的位置来确定它的位置。一旦我找到了，我就可以找到右边输入的位置，除非你有更好的东西，“右边”是不起作用的。右边可能意味着在1和4之间遍历2个元素，或者在2和1之间遍历1，或者在1和6之间遍历0，等等。对于使用表格进行布局的表单，如果标签和输入位于两个完全不同的行中，情况又如何呢？如果您告诉我们所有的可能性是什么，我们可能会给你一个具体的解决方案。标签id是不断变化的。。。我不能依赖一些非静态的东西，也许是类或名称？理想情况下，您会希望使用id（如果您可以利用它），因为它比任何其他选项都快几个数量级。这些也会发生变化。文本保持不变，右侧的输入类型相同。这就是为什么我想不出任何其他方法来进行搜索，除了这种方法，您可以始终添加一个类（到已经出现的类中）。或者，如果这不是一个选项（无法想象为什么），您可以添加一个自定义属性。inputtype=“firstname”最后一个选项的性能最差。浏览器中有优化的函数可按类和id进行选择。标签id不断变化。。。我不能依赖一些非静态的东西，也许是类或名称？理想情况下，您希望使用id（如果可以的话）