使用jQuery浏览Bootstrap表

Question

我有一个Bootstrap表，我想用箭头键浏览行。

$("#items").on('keydown', function(e) {
    var tag = e.target.tagName.toLowerCase();

    active = $('#items').find('#items-table tr.bg-info').removeClass('bg-info'); //removes alle highlighed rows
    var x = active.index();
    if (e.which === 9) //tab
    {
        e.preventDefault();
        //mark first One 
    }
    else if (e.which === 40) //runter
    {
        x--;
    }
    else if (e.which === 38)// hoch
    {
        x++;
    }
    active = $('#items').find('#items-table tr').eq(x).addClass('bg-info');
});

首先我要跳到第一行。 我有类似的东西：

active = $('#items').find('#items-table tr').first('tr').addClass('bg-info');

但是这会选择我没有的标题row。 我想要选择适合我的row x index的{​​{1}}的最后一行不起作用。

需要一些建议我如何才能让它发挥作用。