Question

hey guys, probably a simpel question, however couldn t find anything online.

i 有一个附有搜索结果的清单,希望能够用我手和 down钥匙通过清单。

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

the searchresults look like this:

<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>

因此,从根本上说,只是想通过我对钥匙的搜索结果而行走。选择目前要素可能只是改变背景的颜色,而当媒体进入相关联和相应内容时。

any idea how i can iterate through the searchresults? thank you

编辑:

var pressedCount = 0;

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

这并不奏效,因为一米在指数方法上做过错。然而,每一 trigger倒的触发点都引起压力。

Answer 1

http://jsfiddle.net/zBjrS/1/。

(为了集中关注国际水域评估,你必须首先点击该网页。)

Answer 2

我不敢肯定,我真的喜欢把用户的钥匙拿走,特别是当我们生活在一个没有在很多关键板上出现上页/下台的世界时。有许多用户使用arrow子进行滚动。

如果你在结果上坐在钥匙板上,就把注意力放在第一线上,那么塔夫将下台,什夫加布将接下去。

所有这些功能已经在你建立起来,只是必须把重点放在第一要素上。

$(首先_element_selector .focus();

Answer 3

象这样的工作

if (e.keyCode == 40) { //down
    $( #searchresults ul li ).each(function() { 
        if ($(this).hasClass( selected )) {
            $(this).removeClass( selected );
            $(this).next().addClass( selected );
            // use $(this).prev() for UP case
        }
    });
}

请注意,如果尚未选定名单,则你需要先把名单上载到选定组别,或者在有些代码中添加,以适用于名单上第一个项目。

另外,如果你被列入清单的最后一个项目,你就不需要打字。

jQuery next http://api.jquery.com/next/

jQuery prev http://api.jquery.com/prev/

jQuery hasClass http://api.jquery.com/hasClass/

jQuery removeClass http://api.jquery.com/removeClass/

友情链接