Jquery 如何在键盘上向li添加css类

我有一个无序的列表，每个li中只有一个字符。如果用户按下键盘上的任何字母，我希望将css类添加到页面上相应的li中。如果用户按下键盘上的A，我想找到包含A作为其内容的li，并向其添加css类

    <div>
      <ul class ='list'>
       <li>a</li>
       <li>b</li>
       <li>c</li>
       ...
       <li>z</li>
      </ul>
    </div>

a
b
c
...
z

我就是这样开始的

      $(document).keypress(function(e){
      var x = e.which;
      if((x >= 65 && x <= 90)||(x >=97 && x <= 122)||(x >=48 && x <= 57)) {
         checkfirst(x);

       }
      });
     // pick list item with the text content of the value passed
     function checkfirst(x){
       var y = $('.list').find('li');
       // code will go here
       //am trying to find the li with text equal to the argument passed
     }

$（文档）。按键（功能（e）{
var x=e，其中；
如果（（x>=65&&x=97&&x=48&&x不要使用按键，而是使用keyup。有关详细信息，请阅读本文

我创建了一个函数，当文档上按下的字符对应于菜单行的内容时，添加一个活动的类


$（文档）.on（'keyup'，函数（e）{
if（e.shiftKey==false&&e.ctrlKey==false）{
//键入字符
var charTyped=String.fromCharCode（e.which）；
//从没有子级的所有li中删除激活样式，并将其添加到具有
//与键入的字符匹配的内容
$（'div ul.list li:not（：has（*）））.removeClass（'active'）.filter（function（）{
返回此.textContent.toUpperCase（）==charTyped；
}).addClass（“活动”）；
}
})；
.list{
字体系列：Verdana，无衬线；
字体大小：12px；
保证金：0；
填充：0；
列表样式：无；
}
李先生{
背景：黄绿色；
显示：块；
宽度：150px；
高度：30px；
边际：2px0；
字体大小：大号；
}
.主动{
背景色：#54BAE2！重要；
}


a
b
c
...
z

不要使用按键，而是使用keyup。有关详细信息，请阅读本文

我创建了一个函数，当文档上按下的字符对应于菜单行的内容时，添加一个活动的类


$（文档）.on（'keyup'，函数（e）{
if（e.shiftKey==false&&e.ctrlKey==false）{
//键入字符
var charTyped=String.fromCharCode（e.which）；
//从没有子级的所有li中删除激活样式，并将其添加到具有
//与键入的字符匹配的内容
$（'div ul.list li:not（：has（*）））.removeClass（'active'）.filter（function（）{
返回此.textContent.toUpperCase（）==charTyped；
}).addClass（“活动”）；
}
})；
.list{
字体系列：Verdana，无衬线；
字体大小：12px；
保证金：0；
填充：0；
列表样式：无；
}
李先生{
背景：黄绿色；
显示：块；
宽度：150px；
高度：30px；
边际：2px0；
字体大小：大号；
}
.主动{
背景色：#54BAE2！重要；
}


a
b
c
...
z

请将您的HTML添加到问题中，以及您为自己实现这一目标而编写的JS代码。目前，您的问题非常“为我编写代码”，可能会被关闭。请将您的HTML添加到问题中，以及您为自己实现这一目标而编写的JS代码。目前，您的问题是非常“为我编写代码”，很可能会被关闭。