为什么加个<span>后jquery.next()就不灵了

AnyQQ 发布于 03/23 19:27
阅读 33
收藏 0

HTML

<input class="fill-out" type="text" maxlength="1"/>
<span class="text">x</span>
<input class="fill-out" type="text" maxlength="1"/>
<span class="text">x</span>
<input class="fill-out" type="text" maxlength="1"/>

JavaScript

$(".fill-out").keyup(function () {
        if (this.value.length == this.maxLength) {
          $(this).next('.fill-out').focus();
        }
});

 按照当前的代码,无法自动把焦点切换到下一个.fill-out 输入框,但是如果删除<span>就有效,为什么呢?

加载中
0
肖木Alex
肖木Alex

把next()换成nextAll()即可。

 $(".fill-out").keyup(function () {
  if (this.value.length == this.maxLength) {
    $(this).nextAll('.fill-out').first().focus();
  }
});

AnyQQ
AnyQQ
好用
返回顶部
顶部