Question

i can’t get this through.

I need to get offset().top from a jquery object, this is my code

parentLi = $(element).parents("li");
parentLiOffset = parentLi.offset();
top = parentLiOffset.top;
left = parentLiOffset.left;
console.log(parentLiOffset);
console.log(top);
console.log(left);

And this is what console gives back:

Object { top=208, left=311}  
Window /demo/
311

as you can see, I can’t manage to get the “top” value. I’m usinf firefox, if that makes any difference.

Thanks!

Answer 1

The problem is that you haven’t used the var keyword to declare your variables. top is a property of window (a read-only property, which is why your code doesn’t overwrite it). Do this instead:

var top = parentLiOffset.top;
var left = parentLiOffset.left;

left works without var, because left is not a property of window. Your code creates a property of window named left and assigns the correct value to it. However, it is good practice to always use the var keyword to prevent variables leaking into the global scope.

The top property “returns a reference to the topmost window in the window hierarchy”.