Использование jQuery для перехода к следующей ячейке таблицы

Question

Я пытаюсь использовать jQuery для перехода к следующей ячейке таблицы безуспешно и считаю, что это связано с ошибками в моих селекторах.Используя инструменты разработчика, я вижу, что мои ячейки - это span, в пределах td .EditText, в пределах <tr>.Вот код, который я пытаюсь использовать.

$(function() {
    $('.EditText :text').live("keydown", function(e) {
        if (e.which == 9) { //tab Key                                   
            $(this).blur();
            $(this).parent('tr').next('td #EditText').find('span').click();
            return false;
        }
    });
});

Answer 1

Я считаю, что строка:

$(this).parent('tr').next('td #EditText').find('span').click();

должна быть:

$(this).next('td.EditText').find('span').focus();

Answer 2

Было бы чрезвычайно полезно, если бы вы могли показать фактическую разметку, но я попробую:

// Replace this
$(this).blur();
$(this).parent('tr').next('td #EditText').find('span').click();
// With this
$(this).blur().closest('td').next().find('td .EditText span').focus();

Answer 3

Я тоже решил заняться этим.Я создал jsfiddle для этого парня, поэтому проверьте его и дайте мне знать, если он выглядит правильно.

Вот js в двух словах для моего текущего примера:

$('table tr td.EditText span input').live('keydown', function(e) {
    // get the code of the key that was pressed
    var code = e.keyCode ? e.keyCode : e.which;

    // varify that the tab key was pressed
    if (code === 13) {
        // get the next tr's input field, and set focus to it
        $(this).parents('tr').next().find('td.EditText span input').focus();

        // prevent any default actions
        if (e.preventDefault) {
            e.preventDefault();
        }
        return false;
    }
});