Question

我有一个列表：

<div id="txt"></div>
<ul><li><a href="#">Tom</a></li><li><a href="#">Tina</a></li><li><a href="#">Berba</a></li><li><a href="#">Tyson</a></li><li><a href="#">Bank</a></li></ul>

我的目标是：当我按下像“T”这样的键并且“Tom”将出现在#txt中，并再次按下“T”时，Tina将在#txt中替换Tom。

我无法找到解决方案!!! ：（

有人可以帮帮我吗？感谢

Answer 1

监听keydown事件，获取keycode，获取目标名称，循环名称。
它可能喜欢这个

var lastchar, i=-1;
$(document).bind('keydown',function(e){
  var char = String.fromCharCode(e.which),
      names = $('li a').filter(function(){
        return $(this).text().charAt(0)==char;
      });
  if( !names.length ){ return; }

  if( char != lastchar ){ i=-1; }
  $('#txt').text( names.eq( ++i % names.length ) );
});

jquery句柄按键列表

1 个答案: