how to get top and left properties of offsetParent div?

Question

As we can get offset top of an element by using like this:

$(selector).offset().top;

But how can we get the top value of parent offset div?

I've tried like this but doesn't work?

$(selector).offsetParent().top;

Answer 1

Try to use parent() like,

$(selector).parent().offset().top;

Read Get position/offset of element relative to a parent container?

Answer 2

Um, you can use like this:

$(selector).offsetParent().offset().top;

see documentation on offsetParent

offsetParent doesn't get offset value but it just select the closest positioned parent div. You can get the offset/position by using offset and position .

demo

Answer 3

Don't forget you have to go get offsets all the way to the topmost parent. If you have enough nested content it's probably worth writing a recursive function to get after it.