html行选择在jquery中使用向上/向下键进行更改

Question

我有html表格，如：

现在我想用上/下键和＆amp;更改行选择。以及在j query / java脚本中滚动。 任何人都告诉我怎么可能！

Answer 1

尝试这样的事情

<table data-active="1">
    <tr><td>line<td/></tr>
    <tr><td>line<td/></tr>
    <tr><td>line<td/></tr>
    <tr><td>line<td/></tr>
<table>​

和js：

$(document).keydown(function(e){
var table = $('table');
if(e.keyCode == 40)
{
    $('table tr:not(:nth-child(' + table.data('active') + '))').css('color','black');
    $('table tr:nth-child(' + table.data('active') + ')').css('color','red');
    table.data('active', table.data('active') + 1);
}
});

然后改为使用其他键，循环行为等。

Answer 2

$(document).keydown(function(event) {
                switch (event.keyCode) {
                    case 38: /*Function for selecting when arroup*/ break;
                    case 40: /*Function for selecting when arrowdown*/ break;
                }
            });

你的意思是这样吗？