Question

所以我目前有一些代码，我只想为一个名为#photo3的特定div运行。当我有第一行说＆＃34; body＆＃34;时它当前作为代码工作，但当然，这将代码应用于整个网页。当我尝试更换＆＃34; body＆＃34;到＆＃34;照片3＆＃34;或＃＆＃34;＃photo3＆＃34;，代码停止工作。如何仅将此代码应用于名为＃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")。

您也可以根据需要替换#（例如，.），对类和其他几个属性执行相同操作。

希望有所帮助！

仅将jQuery应用于特定的div？

1 个答案: