Javascript 使用Div容器自动标记下一个输入

我已经创建了一个输入，它在输入一个字符后自动对字段进行制表。但是，当我试图用div容器将它们分开时，它会停止工作或转到下一个输入字段。如果没有div容器，自动选项卡可以正常工作

HTML

---

next

是同级选择器，因此在处理完当前容器的所有同级之后，您必须找到一种方法转到下一个容器。像这样的

jQuery（“.myField”）.keyup（函数（）{
if（this.value.length==this.maxLength）{
if（jQuery（this）.index（）==jQuery（this）.slides（）.length）{
jQuery（this）.parent（）.next（“div”）.find（“.myField”）.first（）.focus（）；
}否则{
jQuery（this.next（“.myField”）.focus（）；
}
}
});


<div class="field_one">
<input type="text" class="myField" maxlength="1" > 
<input type="text" class="myField" maxlength="1" >
<input type="text" class="myField" maxlength="1" >
</div>
<div class="field_two">
<input type="text" class="myField" maxlength="1" >
<input type="text" class="myField" maxlength="1" >
<input type="text" class="myField" maxlength="1" >
</div>
 <div class="field_three">
 <input type="text" class="myField" maxlength="1" >
 <input type="text" class="myField" maxlength="1" >
 <input type="text" class="myField" maxlength="1" >
 </div>

jQuery(".myField").keyup(function () {
if (this.value.length == this.maxLength) {
  jQuery(this).next('.myField').focus();
}
});