get the number of div in a particular div

Question

I have a main Div of id = "main_div" and in this parent div I have 3 div of class = "time" then how to get the number of divs class = "time" in the div of id = "main_div"?

possible duplicate http://stackoverflow.com/questions/250688/count-immediate-child-div-elements-using-jquery — kbvishnu, Mar 26 '12 at 06:35

score 1 · Answer 1 · answered Mar 26 '12 at 06:34

1

console.log($('#main_div div.time').length)

The jQuery selector will return an array with all the divs, and .length property will return the number of elements in the array.

answered Mar 26 '12 at 06:34

Ikke

99,403
23
97
120

1

It is in javascript, but with jQuery. look at Kooilinc answer for pure javascript. – NeeL Mar 26 '12 at 06:35
1

then why did u tag it with jquery ?? – dku.rajkumar Mar 26 '12 at 06:36
@manishjangir — That **is** JavaScript. It makes use of the jQuery library (which should be acceptable since you tagged your question with it!) and uses `console.log` for output demo purposes. – Quentin Mar 26 '12 at 06:36
@manishjangir jQuery is a javascript library. It makes such stuff easy, whereas you would otherwise need an icky bunch of forloops. – Manishearth Mar 26 '12 at 06:37
@Manishearth — You don't need for loops to solve this problem without a library. – Quentin Mar 26 '12 at 06:39
@Quentin: Oh yeah, `querySelectorAll()` – Manishearth Mar 26 '12 at 06:41
@Manishearth or getElementById then getElementsByClassName. – Quentin Mar 26 '12 at 06:43
@Quentin: Wait, that exists? I've been out of the loop for a while--IIRC one had to use a custom version beforehand. – Manishearth Mar 26 '12 at 06:46

score 1 · Answer 2 · answered Mar 26 '12 at 06:35

1

Use querySelectorAll. It returns a nodeList. The number of divs with className 'time' within div#main_div:

var nOftimeDivs = document.querySelectorAll('#main_div .time').length;

answered Mar 26 '12 at 06:35

KooiInc

119,216
31
141
177

Not supported by IE7 or lower though. – Quentin Mar 26 '12 at 06:37

dku.rajkumar · Answer 3 · 2012-03-26T06:40:35.353

0

try this

jquery

$('div#main_div').find('div.time').length

pure javascript

document.getElementById("main_div").getElementsByClassName('time').length

edited Mar 26 '12 at 06:40

answered Mar 26 '12 at 06:34

dku.rajkumar

18,414
7
41
58

score 0 · Answer 4 · answered Mar 26 '12 at 06:35

0

You can use the .size() or length to get the number of matched elements

$("#main_div").find("time").length

answered Mar 26 '12 at 06:35

Checksum

3,220
3
23
24

score 0 · Answer 5 · answered Mar 26 '12 at 06:35

0

console.log($('#main_div div.time').length)

answered Mar 26 '12 at 06:35

Janaki

185
12

get the number of div in a particular div

5 Answers5