Question

I am trying to use jQuery to tab to the next cell in a table unsuccessfully and believe this to be due to errors in my selectors. Using developer tools I see that my cells are a span, within a td .EditText, within a <tr>. Here is the code I’m trying to use.

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

I believe the line:

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

should be:

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