获得li jQuery的位置

Question

我们有一个简单的ul

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

如何从<li>的左上角开始<ul>的位置？

li为display: inline，ul为text-align: center。 ul内的文字可以划分为多行。

Answer 1

您应该使用.position()。您可以使用:nth-child选择特定的li。

您还需要在position: relative上设置ul。

例如，要获取第二个li相对于ul的位置：

http://jsfiddle.net/thirtydot/TgXvp/

var position = $('li:nth-child(2)').position();

alert(position.top);
alert(position.left);

Answer 2

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

如：

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