改变keydown事件的背景

Question

我正在尝试在keydown事件发生时更改ul的背景颜色。当我按下向下箭头时，相应的ul应该改变背景颜色。

这是我的代码

 <div class=".container">
 <ul>
 <li>one</li>
 </ul>
 <ul>
 <li>two</li>
 </ul> 
 <ul>
 <li>three</li>
 </ul>     
 <div>

 var chosen = "";
 $(document).keydown(function(e){ // 38-up, 40-down
 if (e.keyCode == 40) { 
 if(chosen === "") {
 chosen = 0;
 } else if((chosen+1) < $('.container ul').length) {
 chosen++; 
 }
 $('.container ul').removeClass('selected');
 $('.container ul:eq('+chosen+')').addClass('selected');
 return false;
 }
 if (e.keyCode == 38) { 
 if(chosen === "") {
 chosen = 0;
 } else if(chosen > 0) {
 chosen--;            
 }
 $('.container ul').removeClass('selected');
 $('.container ul:eq('+chosen+')').addClass('selected');
 return false;
 }

 });

 .selected
 {
 background:red;
 }

这是小提琴http://jsfiddle.net/Lp6y6/

Answer 1

改变这个：

<div class=".container">

到此：

<div class="container">