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

Question

我有一个带有 .box 类的主 div(父级)，其中有多个(无限制)带有 .abc 类的子 div， 那么我们如何才能只选择那些在父div高度400px之后出现的子div呢？ 意思是，不是所有的子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