在輸入鍵移動到表格中的下一個單元格

Question

我想創建一個表單，如果您在串行列上按回車鍵，下面的單元格將變爲選中狀態。有人可以解決這個任務的正確jquery公式嗎？

我想

$('.serial').keypress(function(e) { 
    console.log(this); 
    if (e.which == 13) { 
     $(this).nextAll('#serial').first().focus(); 
     e.preventDefault(); 
    } 
}); 

http://jsfiddle.net/tYFcH/4/

Answer 1

$('.serial').keypress(function(e) { 
    console.log(this); 
    if (e.which == 13) { 
     $(this).closest('tr').next().find('input.serial').focus(); 
     e.preventDefault(); 
    } 
}); 

http://jsfiddle.net/tYFcH/6/

Answer 2

假設你想要移動到擊中輸入任何輸入時，下面的單元格，使用這樣的：

$('table input').keypress(function(e) { 
    if (e.keyCode == 13) { 
     var $this = $(this), 
      index = $this.closest('td').index(); 

     $this.closest('tr').next().find('td').eq(index).find('input').focus(); 
     e.preventDefault(); 
    } 
}); 

這是你的提琴：http://jsfiddle.net/tYFcH/13/

Answer 3

下，在-DOM插件是爲了這個目的寫的。 免責聲明：我寫這

http://techfoobar.com/jquery-next-in-dom/

$('.serial').keypress(function(e) { 
    if (e.which == 13) { 
     $(this).nextInDOM('.serial').focus(); 
    } 
});