javascript - Enterキーを押すと、テーブルの次のセルに移動します

Question

シリアル列のEnterキーを押すと、下のセルが選択されるフォームを作成しようとしています。誰かがこのタスクの正しい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

入力でEnterキーを押すときに下のセルに移動したい場合は、次を使用します。

$('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 2

$('.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 3

next-in-domプラグインは、この目的のために作成されました。免責事項：私はそれを書いた

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

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