如何用jquery获取元素在文档中位置？

2020-07-18 10:40:47 1.5k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

AI时代敏捷开发新范式——意图驱动开发IDD 具体的功能代码、单元测试、集成测试用例，以及最终可运行的、支持PlantUML的Markdown转Word工具新版本。：业务方（如技术文档团队）反馈，现有的Markdown转Word工具在处理包含PlantUML代码块的文档时，无法正确生成图表，导致技术方案、架构图等关键信息丢失，严重影响了文档交付质量和团队效率。这不仅带来了交付周期显著缩短、资源效能倍增的可观收益，更深远的意义在于，它描绘了未来软件工业化、智能化的新图景：一个由精准意图驱动、AI自主执行、人类智慧引领的敏捷、高效、高质的新世界。阅读详情

有一个固定大小的容器(div)，然后我在其中添加了多个固定大小的子div，我想获取这样一个值：某个子元素距第0号子元素的距离。使用jquery offset或position方法得到的似乎都是子元素距某个父容器上沿的距离（滚动条位置不同，值也不同）。而我所要的值和滚动条位置是无关的。无奈我只好通过累加子元素高度的笨办法来达到目的（.prevAll().each(...)下面代码中没有列出）。还有更好办法吗？下面是我测试代码：



<!DOCTYPE html>

<html>

<head>

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

</head>



<body>

<div id="title" style="width:100px;height:30px;line-height:30px;text-align:center;border:#aaa solid 1px;background-color:#f5f5f5;"></div><br />

child index :<input type="text" id="index" style='width:40px;'> <button onclick="fun1()">get top (offset , postion)</button><br /><br />

<div id="con" style="width:420px;height:500px;border:#aaa solid 1px;overflow-y:scroll;"></div>



<script>

for(var i=0;i<10;++i){

    $("#con").append("<div style='width:380px;height:198px;border:#00f dotted 1px;margin-left:8px;background-color:#f5f5f5;'>"+i+"</div>");

}



function fun1()

{

    $("#title").text($("#con").children().eq(parseInt($("#index").val())).offset().top+","+$("#con").children().eq(parseInt($("#index").val())).position().top);

}

</script>

</body>

</html>