Как получить координаты элемента относительно его родителя?

Question

[denism300]

Есть структура типа такой:

<div class="wrap">
    <svg>
        <g>.......</g>
        <g>.......</g>
        <g>.......</g>
        <g>.......</g>
    </svg>
</div>

.wrap {
    position: relative;
}
svg {
    position: absolute;
}

Мне нужно при клике на g получить его позицию относительно .wrap
Делаю так:

$('svg').find('g').each(function () {
    $(this).on('click', function () {
        position = $(this).position();
        console.log(position);
    });
});

В итоге, в консоль выводятся следующие значения

что никак не может быть относительно родителя, т.к. родительский блок 1140х550.

Answer 1

[Сергей delphinpro]

что то вы гоните

https://api.jquery.com/position/

.position()

Description: Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.

Comments

[denism300]

вам, с той стороны экрана, виднее, гоню или нет.
если дадите ссылку, например, на телегу - пришлю, где посмотреть можно

Answer 2

[Виталий Першин]

Comments

[denism300]

Это не то, мне нужны координаты элемента, по которому кликнули, а не координаты курсора