javascript - jクエリの上下キーによるhtml行選択の変更

Question

私は次のようなhtmlテーブルを持っています：

次に、上/下キーで行の選択を変更し、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);
}
});

次に、hadle の他のキー、サイクル動作などに変更します。

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

このようなことを意味しますか？