Javascript 获取LijQuery的位置

我们有一个简单的ul

<ul><li>text</li><li>text</li><li>text</li><li>text</li></div>

文本
文本
文本
文本

如何从

的左上角确定

的位置

li

是

display:inline

，

ul

是

text align:center

。ul中的文本可以分成几行。

您应该使用。您可以使用选择特定的

li

您还需要在

ul

上设置

position:relative

例如，要获取第二个

li

相对于

ul

的位置：

---

使用jQuery的位置方法，可以得到ul和lis的坐标，然后减去它们得到相对位置

例如：

var vertDiff = $('ul li:first').position().top - $('ul').position().top;

---

一个小的免责声明：位置适用于相对于偏移父元素的位置，偏移父元素是位置最近的元素。如果ul定位，那么结果就是所要求的，否则需要更复杂的方法。@Aleksi Yrttiaho:谢谢你指出这一点，它帮助了我。你为什么要知道

的位置？您可以检查这是否有助于您：

var vertDiff = $('ul li:first').position().top - $('ul').position().top;