jquery keypress 迭代每个循环？

Question

嘿伙计们，可能是一个简单的问题，但在网上找不到任何东西。

我有一个包含搜索结果的列表，我希望能够使用向上和向下键在列表中导航。

    if (e.keyCode == 40) { //down
        //alert('down');
        $('#searchresults ul li').each(function() { 

        });
    }

    if (e.keyCode == 38) { //up
        //alert('up');
    }

    if (e.keyCode == 13) { //enter
        //alert('enter');
    }

搜索结果如下所示:

<ul>
    <li class="matched"><a href="link1">link1</a></li>
    <li class="matched"><a href="link2">link2</a></li>
    <li class="matched"><a href="link3">link3</a></li>
</ul>

所以基本上我只想能够使用向上和向下键浏览我的搜索结果。当前元素的选择可能应该只是更改背景颜色，当我按下 Enter 时，会触发链接和匹配的元素。

知道如何迭代搜索结果吗？谢谢

编辑:

var pressedCount = 0;

if (e.keyCode == 40) { //down
    console.log(pressedCount);
    $('#searchresults ul li').index(pressedCount).addClass('selected');
    pressedCount++;
}

不起作用，因为我在索引方法上做错了。然而，pressedCount 变量在每次 arrowkeydown 触发时都会增加。

Answer 1

工作演示: http://jsfiddle.net/zBjrS/1/

(您必须先单击该页面，才能聚焦 IFRAME。)