Keypress上的Jquery将Class添加到最近的div

时间:2013-09-29 06:02:46

标签: javascript jquery wordpress

我需要将类添加到最近的Div on keypress功能  这是我的代码 它将Class添加到第一个div 我需要根据位置添加类

这是我的Jquery代码

$(document.documentElement).keyup(function (event) {
var direction = null;

// handle cursor keys
if (event.keyCode == 37) {
// go left

  $("#sad").closest('div').addClass('left');
 alert("left");
} else if (event.keyCode == 39) {
  // go right
  alert("right");
}


});

这是Html代码

<div id="content">
<article id="1"><div id="sad">1</div></article><br><br><br><br><br><br><br><br><br><br>
 <article id="2"><div id="sad">2</div></article><br><br><br><br><br><br><br><br><br><br>
<article id="3"><div id="sad">3</div></article><br><br><br><br><br><br><br><br><br><br>
<article id="4"><div id="sad">4</div></article><br><br><br><br><br><br><br><br><br><br>
<article id="5"><div id="sad">5</div></article><br><br><br><br><br><br><br><br><br><br>
<article id="6"><div id="sad">6</div></article><br><br><br><br><br><br><br><br><br><br>
</div>

它应该为最接近光标的div添加类

0 个答案:

没有答案