Question

我无法在jQuery中找到正确的代码来执行此操作。我可以使用此代码专注于使用'.first'类的下一个输入。但如果我不是'.first'输入，它将转到第一个'.first'输入。

这是代码段：

 var $first_elements = $('.section .first');
    var $inputs = $('input');
    $inputs.on('keyup', function(e) {
        if (e.which === 13) {
            var ind = $first_elements.index(this);
            $first_elements.eq(ind + 1).focus()
        }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <div class="section">
    <input class="first" name="input_1" /><input name="input_2" /><input name="input_3" />
    <br/>
    <input class="first" name="input_4" /><input name="input_5" /><input name="input_6" />
    <br/>
    <input class="first" name="input_7" /><input name="input_8" /><input name="input_9" />
  </div>

如何从任何输入使用.first选择器转到下一个输入？

Answer 1

像这样更新代码，仅为具有类first的输入元素绑定keyup事件

＆＃13;

 var $inputs = $('input');
 $inputs.on('keyup', function(e) {
   if (e.which === 13) {
     $inputs.next('input.first').focus()
   }
 });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input class="first" name="input_1" />
<input name="input_2" />
<input name="input_3" />
<input class="first" name="input_4" />
<input name="input_5" />
<input name="input_6" />

＆＃13;

即使在使用jQuery的另一个类输入上，也要关注所选类的下一个输入

1 个答案: