如何結合多個選擇器的條件？

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')}; 
    } 
}); 

這樣的事情，應該做的伎倆。