JQuery получает позицию элемента относительно другого элемента

Итак, у меня есть div как:

<div class="uiGrid">

<div class="trigger"></div>

</div>

И я хочу знать положение триггера для uiGrid и пробовал оба эти:

$('trigger').offset('.uiGrid');

$('trigger').position('.uiGrid');

но не получить его. Смещение относится к документу, а позиция относится к родительскому, а не к указанному элементу.

Как мне это сделать? Благодаря

Ответы

Ответ 1

просто вычитайте себя...

var relativeY = $("elementA").offset().top - $("elementB").offset().top;

Ответ 2

то, что вы можете здесь сделать, в основном, вычесть значение родительского свойства из значения дочернего свойства.

var x = $('child-div').offset().top - $('parent-div').offset().top;

Ответ 3

Вам здесь не хватает места.

Кроме того, попробуйте:

myPosY = $('.trigger').offset().left - $('.uiGrid').offset().left;
myPosX = $('.trigger').offset().top - $('.uiGrid').offset().top;