切换元素

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