Javascript 将jQuery焦点转移到下一个div分隔的输入

对于每个

div

容器，我有3个输入（例如

first section

，

second section

…），我的页面上有几个这样的

div

容器，类似于以下内容：

...
<div id="first-section">
    <fieldset>
        <legend>First Section</legend>
        <input type="number" placeholder="000" id="input1" min="0" max="255" autofocus maxlength="3" required>
...
    </fieldset>     
</div>
<div id="second-section">
    <fieldset>
        <legend>Second Section</legend>
        <input type="number" placeholder="000" id="input2" autofocus min="0" max="255" maxlength="3" required>
...

---

您可以找到包含当前输入的

div

，然后找到该div的下一个同级以及下一个div元素中的输入，并将焦点设置为该输入

$(this).closest('div').next().find(':input').first().focus();

---

演示：

您可以找到包含当前输入的

div

，然后找到该div的下一个同级以及下一个div元素中的输入，并将焦点设置为该值

$(this).closest('div').next().find(':input').first().focus();

---

演示：

上述演示存在以下问题：

• 填充上一个选项卡后，无法移动到上一个选项卡
• 跳过已填充的文本框
• 如果在任何输入字段上都有JS验证，则会使情况变得更糟

使用以下jQuery插件，它易于配置和使用：

开发商网站：

文件：

包括角度和反应示例

---

干杯…

以上问题如下：

• 填充上一个选项卡后，无法移动到上一个选项卡
• 跳过已填充的文本框
• 如果在任何输入字段上都有JS验证，则会使情况变得更糟

使用以下jQuery插件，它易于配置和使用：

开发商网站：

文件：

包括角度和反应示例

干杯