jQuery位置没有返回相对值？

Question

我试图理解jQuery的position（）函数。文档声明这将返回元素相对于其父元素的位置：

描述：获取相对于偏移父元素的匹配元素集中第一个元素的当前坐标。

所以，当我在父div中的第一个div上调用position（）时，我希望得到0,0。 相反，我获得了父母的绝对位置。这怎么可能？ 如何将第一个div的相对位置放在另一个div中？

我的代码：

<div id="icons">
    <div class="icon" id="icon0"></div>
    <div class="icon" id="icon1"></div>
    <div class="icon" id="icon2"></div>
</div>

现在我需要第一个图标的相对位置：

console.log("icon 0 position: " + $("#icon0").position().left + " " + $("#icon0").position().top);

这将返回“#icons”div的位置，而不是0,0。

Answer 1

尝试使用offset（）而不是position（）

$("#icon0").offset()