javascript - キープレスのJqueryは、クラスを最も近いdivに追加します

Question

キーを押す関数で最も近い Div にクラスを追加する必要があります これは私のコードです クラスを最初の 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にクラスを追加する必要があります