javascript - 使用 jquery 查找位置为 top > x 的对象

标签 javascript jquery html

在 html 文档中查找类 myClass 且位置 top 大于指定的第一个元素的最佳方法是什么

最佳答案

根据position top过滤.myClass元素,然后获取集合中的第一个元素:

var elem = $('.myClass').filter(function() {
    return $(this).position().top > 200;
}).first();

这将为您提供第一个距离其包含元素内部顶部距离超过 200px 等的元素。要获取相对于文档的位置,您可以使用 offset()相反。

如果性能是一个问题,我想这是最快的:

var elems = document.getElementsByClassName('myClass'), elem;
for (var i=0;i<elems.length;i++) {
    if (parseInt(elems[i].style.top, 10)>200) {
        elem=elems[i];
        break;
    }
}

关于javascript - 使用 jquery 查找位置为 top > x 的对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12661927/

相关文章:

asp.net - 我需要对标题属性(工具提示)进行 html 编码吗?

javascript - 从 JsonResult 返回字符串数组并在 JavaScript 中使用它

javascript - 为什么在 Firefox 或 Chrome 中重新加载页面会导致浏览器调用服务器后触发卸载事件处理程序?

javascript - Uncaught Error : cannot call methods on button prior to initialization; attempted to call method 'loading'

JavaScript 日期到时间戳计算不适用于任何一个月的 8 号和 9 号

javascript - event.stopPropagation() 未结束 Javascript 中的冒泡

c# - 使用 agility pack 解析 html

javascript - JQuery 幻灯片代码无法播放多个幻灯片

javascript - 访问动态生成的 div id

javascript - 如何在 Vue 3 + i18n 中导入多个语言环境 json 文件?