JQuery обрабатывать нажатие клавиш для списка

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", Тина заменит Тома в #txt.

Я не могу найти решение для этого !!! (

Кто-то может мне помочь? Спасибо

Answer 1

Прослушивание события нажатия клавиш, получение кода клавиши, получение имени цели, имени петлиЭто может понравится

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