Javascript jQuery模拟选项卡:使用按键事件检查焦点并前进到下一个

Javascript jQuery模拟选项卡:使用按键事件检查焦点并前进到下一个,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我有一张表格。用户按enter键。他们的按键被捕获,我希望我的脚本将焦点提前到当前表单中的下一个可见表单元素 我目前的想法是,我需要获得一系列的输入,以循环关注,但我一直停留在前进的概念上——比如,我如何确定它需要进入的“下一个”是什么?这是到目前为止我的代码 $('.myitems input').on('keydown', function(e){ if ( e.which == 13 ) { // Get list of items I want to iterate thr

我有一张表格。用户按enter键。他们的按键被捕获,我希望我的脚本将焦点提前到当前表单中的下一个可见表单元素

我目前的想法是,我需要获得一系列的输入,以循环关注,但我一直停留在前进的概念上——比如,我如何确定它需要进入的“下一个”是什么?这是到目前为止我的代码

$('.myitems input').on('keydown', function(e){
  if ( e.which == 13 ) {

    // Get list of items I want to iterate through
    var fields = $('.myitems input:visible');

    // ...Now what...
  }

});
我基本上希望将焦点转移到项目集中的下一个可见输入。我猜为了做到这一点,我需要扫描这些项目,找出哪个项目有焦点,然后将焦点分配给列表中的下一个项目


但我想不出任何方法能够以合理高效的方式做到这一点。有什么想法吗?

这将在兄弟输入之间循环关注。我使用
nextAll
,以防在
输入之外还有其他内容

$('input.items')。打开('keydown',函数(e){
如果(e.which==13){
var$next=$(this.nextAll('input');
如果($next.length==0){
$next=$(this.sibbines('input');
}
$next.first().focus();
}
});





那么,为什么不
$(这个)。下一步('input')。focus()
?看,这就是你们来这里的目的-u-,如果你们回答这个问题,我会接受的。