Getting the count of divs which are children of some divs

Question

I want to get the count of some divs. Here is my page structure as a picture. I want to get the count of cityUnderText divs.

enter image description here

I am using these script codes but I m getting 0 but I need just 6.

var h = $("div.cityUnderText").length;
alert(h);

var h = $(".cityUnderText").length;
alert(h);

You are using the wrong case. `var h = $(".cityundertext").length;` — Michael Berkowski, May 05 '12 at 22:07

VisioN · Accepted Answer · 2012-05-05T22:14:20.547

1

Try $(".cityundertext").length.

edited May 05 '12 at 22:14

answered May 05 '12 at 22:08

VisioN

https://developer.mozilla.org/en/Case_Sensitivity_in_class_and_id_Names Class and id attributes are case-sensitive. – Michael Berkowski May 05 '12 at 22:09
@Michael Thanks for the link! I will add it to the answer then. – VisioN May 05 '12 at 22:13

The Alpha · Answer 2 · 2012-05-05T22:35:29.037

1

var count=$(".cityundertext").size(); // jquery's method

OR

var count=$(".cityundertext").length;

Or be more specific

var count=$("#content_pnlDestinations .cityundertext").size(); // jquery's method

OR

var count=$("#content_pnlDestinations .cityundertext").length;

edited May 05 '12 at 22:35

answered May 05 '12 at 22:11

The Alpha

Well, thanks but isn't it also available to native javascript ? Or does jquery has it's own. – The Alpha May 05 '12 at 22:16
Native arrays have a `length` property, and so does the jQuery object (which disguises itself as an array). – bfavaretto May 05 '12 at 22:28
So I'm just assuming that jQuery use `size()` method to return the `length` property of an array and `length` belongs to native javascript, this is my understanding. Is this wrong, anyway ? Thanks. – The Alpha May 05 '12 at 22:33
1

`length` is just a property name, what belongs to native JavaScript is the array object. I don't know how jQuery implements its `size` method, but it probably just returns the current object's own `length` property (no arrays involved). See [this question](http://stackoverflow.com/questions/6599071/array-like-objects-in-javascript) for a discussion on array-like objects in js. – bfavaretto May 05 '12 at 22:44
1

You're right. `size()` just returns `length` [jsapi.info](http://jsapi.info/jquery/1.7.1/jQuery.fn.size) – Andreas May 05 '12 at 22:52

score 0 · Answer 3 · answered May 05 '12 at 22:31

0

You can use document.querySelectorAll('div > div').length, which is faster than jQuery, because it's native (2x to 3x faster).

answered May 05 '12 at 22:31

bfontaine

3 Answers3