使用jquery更改li的背景颜色

Question

当鼠标移过它时,我想改变包含锚点的li的颜色,我这样做

 <ul id="SonsItemList">
     <li class="sonItem"><a id="son" href="#" >son 1</a></li>
      <li class="sonItem"><a id="son" href="#" >son 2</a></li>        
 </ul>

和jquery是

 $(document).ready(function(){
            $("a#son").hover(function(){
               $("li.sonItem").css("background-color","black");  // it make all li background => black


        });

我只想要那个mous过来改变它背景的li,我该怎么做呢？});

Answer 1

您根本不需要任何JavaScript.你可以使用CSS:

li.sonItem:hover 
{
    background-color: black;
}