javascript - 无法循环 JQuery .hover()

Question

当你想在 JQuery .hover() 方法上运行循环时，它会遇到问题。假设我有如下代码

<div class="screen screen_1"></div>
<div class="screen screen_2"></div>
<div class="screen screen_3"></div>

for(j=0; j<$('.screen').length+1; j++){
  $('.screen_'+ j +'').hover(
      function mousein(){
        //do something when mouse enters

      }, function mouseout(){
        //do something else when mouse leaves
      }
  );
}

现在 jhint 告诉我不要在循环内执行函数，所以我有以下内容，但它仍然不喜欢它。

var mousein = function(){
  //do something when mouse enters
};

var mouseout = function(){
  //do something else when mouse leaves
};

for(j=0; j<$('.screen').length+1; j++){
  $('.screen_'+ j +'').hover(
    mousein, mouseout;
  );
}

提前致谢

Answer 1

不需要循环...

 $('.screen').hover(
    function(){
        //do something when mouse enters
        // $(this) gets you the element being affected.
      }, function(){
        //do something else when mouse leaves
      }
  );