jquery焦点到表

jquery焦点到表,jquery,Jquery,我想在加载页面时将焦点移到表中的第一行。我正在使用它进行导航 在一张使用键盘的桌子上。我如何使焦点集中,有时这个键盘导航也不起作用 使用键盘时,这是在删除斑马条纹请尝试以下jQuery代码: $(document).ready(function(){ $("#myTable tbody tr").first().addClass("ui-selected"); }); // Do the clever keypress stuff $(document).keyup( function

我想在加载页面时将焦点移到表中的第一行。我正在使用它进行导航 在一张使用键盘的桌子上。我如何使焦点集中,有时这个键盘导航也不起作用
使用键盘时,这是在删除斑马条纹

请尝试以下jQuery代码:

$(document).ready(function(){
    $("#myTable tbody tr").first().addClass("ui-selected");
});

// Do the clever keypress stuff
$(document).keyup( function(e)
{
    switch(e.which)
    {
        // user presses the "a" key
        case 38:
            if(!e.ctrlKey) {
                var selected = $("tr.ui-selected").first();
                if (selected.prev().html() != null) {
                    selected.prev().addClass("ui-selected");
                    selected.removeClass("ui-selected");
                }
            }
            break;    
        // user presses the "s" key
        case 40:  
            if(!e.ctrlKey) {
                var selected = $("tr.ui-selected").first();
                if (selected.next().html() != null) {
                    selected.next().addClass("ui-selected");
                    selected.removeClass("ui-selected");
                }
            }
            break;
    }
});

我对它进行了测试,它似乎正在处理JSFIDLE的一个修改版本:

@FarlingOpptredon:当我将此代码用于jquery表排序器时,它不起作用[您可以分享一个将其应用于jquery表排序器的示例吗?记住,我给出的这个示例查找ID为“mytable”的表,正如你最初的例子。一个更好的解决方案显然是指定一个特定的CSS类,而不是一个ID。其余的也依赖于CSS类。FarligOpptreden:请查看tablesorter链接。我只使用ID。如何使用CSS类。你能修改你的r吗?例如,我没有指定selectme类。这是一个问题。我看到了你看到的table sorter示例t me的结构与我发送给您的不同。所需的只是不同的初始选择器。我更新了代码示例以反映它。