如何使用jQuery停止影响多个类？

我创建了这个简单的函数，除了在页面上有多个“.cta mask”之外，它工作得很好。当悬停其中一个“.cta掩码”时，我需要做什么才能停止影响所有“.box hover”。代码如下：

$(document).ready(function() { 

  //header box     
  $('.box-hover').css('opacity' , '.6');

  $('.cta-mask').hover(function(){                        
    $('.box-hover').stop().animate({left:'-12px', opacity:'0.8'},{queue:false,duration:300})
  }, function(){
    setTimeout(function() {
      $('.box-hover').stop().animate({left:'-190px', opacity:'.6'},{queue:false,duration:600})
    }, 500)
  });
}); 

---

提前感谢您的帮助。

nassuming.box hover在里面。cta mask，您可以执行以下操作：

$('.cta-mask').hover(function(){                          
    $(this).find('.box-hover').stop().animate({left:'-12px',opacity:'0.8'},{queue:false,duration:300})
}

---

你的标记看起来像什么？你想影响哪个框的悬停？每个cta掩码元素是否有一个？