JQuery offset.top on first element in object returning error

Question

I'm sure there is a simple explanation but oddly enough I am unable to find it anywhere, so I am here!

I am trying to get the offset().top of only the first element returned in the Jquery object. I am convinced the following code is correct but I keep getting this error:

TypeError: $(...)[0].offset is not a function

var x = $('.class')[0].offset().top;

What am I missing? Thank you in advance!

Rory McCrossan · Accepted Answer · 2019-04-03 09:00:27Z

1

Accessing a jQuery object using bracket notation returns an Element object, not a jQuery object, and that has no offset() method.

To fix this your could use eq() instead:

var x = $('.class').eq(0).offset().top;

Or, in this case, first() will work too:

var x = $('.class').first.offset().top;

Also :first:

var x = $('.class:first').offset().top;

answered Apr 3, 2019 at 9:00

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery offset.top on first element in object returning error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related