在键关闭事件上添加活动类

Question

嗨，我是堆栈溢出和jquery的新手，这是我的第一个问题。

我想在键降事件上向具有相同类的多个div 添加和删除活动类，并触发活动类的单击函数。

HTML 代码是这样的

<div id="playbar_wrapper">
<div id="standard_buttons" tabindex='0'>
<div class="button_wrapper"><div onclick= "rwdButton()" id="prev"  class="button"><img src="prev.png"  alt="Previous Item"/></div></div>
<div class="button_wrapper"><div onclick= "stopButton()" id="stop"  class="button"><img src="stop.png"  alt="Stop"/></div></div>
<div class="button_wrapper active"><div onclick= "playButton()" id="play"  class="button"><img src="play.png"  alt="Play"/></div></div>
<div class="button_wrapper"><div onclick= "pauseButton()" id="pause" class="button"><img src="pause.png" alt="Pause"/></div></div>
<div class="button_wrapper"><div onclick= "fwdButton()" id="next"  class="button"><img src="next.png"  alt="Next Item"/></div></div>                 
</div>
</div>

javascipt代码如下： 按键功能：

KeypressFunctions[KeyEvent.VK_LEFT] = nextButton; 
function nextButton(){
var currentArticle = 
$('.active').removeClass('active').next('.button_wrapper');
currentArticle= currentArticle.length > 0 ?  currentArticle : 
$('#standard_buttons div:eq(0)');
currentArticle.addClass('active').children('.button').click(); 
}       

单击功能同时适用于两个div。 很抱歉不够清楚。但任何帮助都会很棒。

提前致谢:)

Answer 1

有点困惑...也许你想要一些东西？

$( "#standard_buttons div:eq(0)" ).keydown(function() {
$( "#standard_buttons div:eq(0)").toggleClass("active");
});