Jquery专注于使用类的下一个元素

我正在尝试创建一个函数，当按下Enter键时，会选择带有类的下一个输入。

我已经设法将.focus（）设置为同一行中的下一个元素。 但是，如果我需要在下一行中选择下一个输入，则无法继续。

需要关注下一行中的第一个.quantity文本框。

控制台没有错误。

http://jsfiddle.net/FP6qa/

HTML

JQuery的

  $(".quantity").on('keypress', function (e) { if (e.keyCode === 13) { $(this).parent().next('td').find('input.quantity').focus(); } }); 

Answer 1

您可以使用index方法：

 var $quan = $('.quantity'); $quan.on('keyup', function(e) { if (e.which === 13) { var ind = $quan.index(this); $quan.eq(ind + 1).focus() } }); 

http://jsfiddle.net/cwgZP/

或者，如果您想选择所有输入，您可以尝试：

 var $input = $('input[type=text]'); $input.on('keyup', function(e) { if (e.which === 13) { var ind = $input.index(this); $input.eq(ind + 1).focus() } });