javascript - html行选择在j查询中使用向上/向下键更改

Question

我有像这样的html表：

现在我想用上/下键 & 更改行选择以及滚动 j query/java script 。谁能告诉我怎么可能！

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;
                }
            });

你的意思是这样的吗？