jQuery - .length returning "number is not a function"

Question

I'm new to jQuery and I'm still learning so I apologise if this is a silly question!

Basically I'm trying to get the number of elements in my page with a certain class. My searching tells me I need to use .length but it's not working for some reason.

Any ideas at a quick glance at what may be causing the issue?

var item = $('.item')
var itemWidth = item.width();
var numberItems = item.length();
console.log(numberItems);

Thanks!!

Pointy · Accepted Answer · 2014-08-08 22:14:58Z

11

It's just item.length - the length property is a number, and you're trying to call it as a function, so you get that error.

Now width is a function; you may be looking for .height(). The length property tells you how many elements matched the selector (more generally, the size of the jQuery collection). DOM elements are measured by width and height (.width() and .height(), along with .innerWidth(), .innerHeight(), .outerWidth(), and .outerHeight()).

answered Aug 8, 2014 at 22:14

Pointy

415k62 gold badges600 silver badges631 bronze badges

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

2 Comments

Nick Over a year ago

Brilliant! This was driving me insane. Baby steps I guess! Thank you for your help! :)

aliteralmind Over a year ago

This solved my problem. To clarify, in Java it's string.length(), in JavaScript it's string.length.

Collectives™ on Stack Overflow

jQuery - .length returning "number is not a function"

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related