如何在使用jquery的父div的400px高度后选择元素？

Question

我有主类div（父）与类.box和其中多个（无限制）子类与.abc, , 所以我们如何才能只选择那些子div发生400px高度的父div。 手段，没有所有的孩子div是选择，但只选择那些400px高度的父div。 虽然，父div高度不固定。

<div class="box"> 
<div class="abc"></div> 
<div class="abc"></div> 
<div class="abc"></div> 
.......Unlimited div occure 
</div> 

Answer 1

一个建议是，采取他们的.position().top一类的名字添加到他们：

$('.box').find('.abc').addClass(function(){ 
    return $(this).position().top >== 400 ? "pick" : ""; 
}); 

var picks = $('.box').find('.abc.pick'); // gives you all the divs whose 
             // position top is >= 400px 

Answer 2

您可以使用position()检测取决于它的父元素的顶部位置。

$(".box .abc").each(function(){ 
    var topPos = $(this).position().top; 
    if(topPos>400){ 
     $(this).addClass("masked") 
    } 
}); 

请参阅this Fiddle