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>

所以基本上我只是希望能够使用向上和向下键来浏览我的搜索结果.当前元素的选择应该只是改变背景颜色,当我按回车键时,会触发链接和匹配的元素.

任何想法如何迭代搜索结果？谢谢

编辑:

var pressedCount = 0;

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

不起作用,因为我在使用index-method做错了.但是,每个arrowkeydown触发器上的pressedCount var都会递增.

Answer 1

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

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