javascript - Jquery 选择下一个嵌套嵌套的嵌套输入

Question

尝试访问嵌套在 3 个跨度中的输入。

这是我的代码：

<div>
<span class="aadharInput">
    <span class="inner-row">
        <span class="aadhartxt">
            <input class="inputs" type="text" maxlength="4" id="aadhaar2"  />
        </span>
    </span>
</span>
<span class="aadharInput">
    <span class="inner-row">
        <span class="aadhartxt">
            <input class="inputs" type="text" maxlength="4" id="aadhaar2"  />
        </span>
    </span>
</span>
<span class="aadharInput">
    <span class="inner-row">
        <span class="aadhartxt">
            <input class="inputs" type="text" maxlength="4" id="aadhaar3"  />
        </span>
    </span>
</span>

脚本：

$(".inputs").keyup(function () {
if (this.value.length == this.maxLength) {
  $(this).parent().next('.aadharInput .inner-row .aadhartxt').children('input').focus();
}

});

输入 4 位数字后，焦点应转到下一个输入。

标签： javascriptjqueryjquery-plugins

Answer 1

你走得不够远parent()或不够深，children()两者都只遍历一个级别

尝试

$(this).closest('.aadharInput').next().find('input').focus();