用于特定li的jQuery选择器

Question

我有以下标记

<div id="search-query-autocomplete">
  <ul id="autocomplete-results">
    <li class="auto-li">blue</li>
  </ul>
</div>

并且想要在用户按键时向第一个auto-li添加一个类.

我有以下javascript:

document.onkeydown = checkKey;
 function checkKey(e){
 e = e || window.event;

 if(e.keyCode=='40')
 {
   $('#autocomplete-results li:nth-child(0)').text('not working');
   console.log('here is 40'); //code
 }
}

但它不起作用 - 我需要改变什么？

thx提前

Answer 1

的:nth-child伪类开始于索引1不是0

第n个孩子伪类不会选择第一个实际的帮助.auto-li,您可以使用:first,.EQ(0)或:eq(0)过滤选择,只是第一.auto-li

$('#autocomplete-results li.auto-li').eq(0).text('working');