Получить позицию li jQuery

Question

У нас есть простой ul

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

Как занять позицию <li>, из верхнего и левого угла <ul>?

li isdisplay: inline, ul имеет text-align: center.Текст внутри ul можно разбить на несколько строк.

Answer 1

Вы должны использовать .position().Вы можете выбрать определенный li, используя :nth-child.

Вам также необходимо установить 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;