javascript - 切换元素

Question

我有一个 <input type="text"> 的列表-字段。我已经找到并将它们存储在这样的变量中 var x = $('#id').find('input').css('type', 'text') .所以 x 是包含所有输入字段的数组。我想在按 ENTER 时切换元素。如果最后一个输入字段处于事件状态，我想在按下 ENTER 时返回到第一个输入字段。

如果用户点击 5 的第 3 个输入字段，则切换应从第 3 个输入字段继续并切换到其余输入字段，直到重新开始。

现在我有一个 console.log()按下 ENTER 时触发的语句(它在输入字段可用时也有效)。

我该怎么做？需要更多信息吗？还是您跟进了问题？

Answer 1

尝试

var $inputs = $('#myid input:text');
$inputs.keyup(function (e) {
    if (e.which == 13) {
        var idx = $inputs.index(this);
        var $next = idx == $inputs.length - 1 ? $inputs.first() : $inputs.eq(idx + 1);
        $next.focus()
    }
})

演示:Fiddle