仅将jQuery应用于特定的div？

Question

因此，我目前有一些代码只想在名为＃photo3的特定div上运行。 当我在第一行说“ body”时，它当前用作代码，但是，当然，这会将代码应用于整个网页。 当我尝试将“ body”更改为“ photo3”或“＃photo3”时，代码停止工作。 我如何仅将此代码应用于名为＃photo3的div？

$("body").keydown(function(e){
    // left arrow
    if ((e.keyCode || e.which) == 37)
    {   
        document.body.style.overflow='auto';document.getElementById('photo3').style.display='none';document.getElementById('fade').style.display='none';
        document.body.style.overflow='hidden';document.getElementById('photo2').style.display='block';document.getElementById('fade').style.display='block';
    }
    // right arrow
    if ((e.keyCode || e.which) == 39)
    {
        document.body.style.overflow='auto';document.getElementById('photo3').style.display='none';document.getElementById('fade').style.display='none';
        document.body.style.overflow='hidden';document.getElementById('photo').style.display='block';document.getElementById('fade').style.display='block';
    }   
});

HTML：

<div id="fade" class="black_overlay"></div>
<div id="photo" class="photo_content"> 
   <table class="photo_table">
      <img class="photoimg" src="images/photo.jpg">
   </table>
</div>
<div id="photo2" class="photo_content"> 
   <table class="photo_table">
      <img class="photoimg" src="images/photo2.jpg">
   </table>
</div>
<div id="photo3" class="photo_content"> 
   <table class="photo_table">
      <img class="photoimg" src="images/photo-food.jpg">
   </table>
</div>

Answer 1

要选择特定的div，可以使用$("div#photo3")或仅使用$("#photo3") 。

您也可以通过更换做类和其他几个属性相同#的要求（ .类，例如）。

希望有帮助！