如何结合多个选择器的条件？

Question

海兰，我想这些条件结合起来：

$(window).scroll(function() { 

if ($('#box2').isOnScreen() == true){ 
     $('#box2').css('opacity', '1')} 
else{$('#box2').css('opacity', '0')}; 
     }); 

$(window).scroll(function() { 

if ($('#box3').isOnScreen() == true){ 
     $('#box3').css('opacity', '1')} 
else{$('#box3').css('opacity', '0')}; 
     }); 

我想类似的东西：

$(window).scroll(function() { 

    if ($('.box').isOnScreen() == true){ 
      $(this).css('opacity', '1')} 
    else{$(this).css('opacity', '0')}; 
      }); 

，但它不工作

我的HTML看喜欢这个

<div id="box2" class="box"></div> 
<div id="box3" class="box"></div> 

谢谢

Answer 1

你需要jQuery的each方法

$('.box').each(function(){ 
    if ($(this).isOnScreen() == true){ 
     $(this).css('opacity', '1') 
    } else{ 
     $(this).css('opacity', '0')}; 
    } 
}); 

这样的事情，应该做的伎俩。