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

我有一个类为

.box

的主div（父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>

……发生无限制的股息

一个建议是通过获取它们的

.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

---

一个建议是通过获取它们的

.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

根据元素的父元素，可以使用来检测元素的顶部位置

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

请参见

您可以根据元素的父元素来检测元素的顶部位置

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

---

---

请参见

你能粘贴html代码吗？此链接可以帮助你：你能粘贴html代码吗？此链接可以帮助你：很好的一个，比我的好：）@EdenSource两个都很好这一个只是有点紧凑。您好@Jai您的代码工作得很好，但是回发后它的位置计数是从图片后面而不是从.box div开始的，b'cuz in.bx div包含具有随机高度的图像，那么您是否知道从.box div开始计数的位置，而不是从.box div中的图像之后计数的位置。不过，您可以从该链接中看到快照，从任何后退后开始计数的位置都可以完美地工作。@GhanshyamLakhani无法理解您。它不起作用或者你有一些场景它停止了工作。很好的一个，比我的好：）@EdenSource都很好这一个只是有点紧凑。Hello@Jai你的代码工作得很好，但是在回发后，它的位置计数是从后面的图像开始的，而不是从.box div开始的，b'cuz in.bx div包含具有随机高度的图像，那么您是否知道从.box div开始计数的位置，而不是从.box div中的图像之后计数的位置。不过，您可以从该链接中看到快照，从任何后退后开始计数的位置都可以完美地工作。@GhanshyamLakhani无法理解您。它不工作，或者你有一些场景，它停止工作。它完全工作，“屏蔽”类完全添加每个框，但在回发类没有正确添加到每个框之后。关于这一点，我正在使用更新面板。你能提供“后”处理相关代码吗？抱歉@EdenSource:这不可能因为文件太大，但是，如果您刚刚了解这一点。如果您使用

.append（）

来添加方框，您可以使用类似于Hello@EdenSource的内容：您的代码工作正常，但在回发后，它的位置计数是从后面的图像开始的，而不是从.box div开始的，b'cuz in.bx div包含具有随机高度的图像，然后了解从.box div开始计数的位置，但不知道在.box div中的图像之后计数的位置。不过，从任何返回后开始，它的计数位置在图像之后都可以完美地工作。您可以从该链接中看到快照，它已完成工作，“蒙版”类完全添加每个框，但回发后类没有正确添加到每个框中。对此有何想法我正在使用update Panel。您能提供“post”过程相关代码吗？抱歉@EdenSource：这不可能是因为文件太大，但如果您刚刚知道。如果您使用

.append（）

添加框，您可以使用如下内容Hello@EdenSource：您的代码工作正常，但在回发后，它的位置计数是从后面的图像开始的，而不是从.box div开始的，因为在.bx div中包含具有随机高度的图像，那么您是否知道计数位置是从.box div开始的，而不是从.box div中的后面图像开始的，从任何后退后的起始位置到图像后的计数位置，都可以完美地工作。您可以从该链接中看到快照