get the elements number inside parent div jquery

Question

I have a div that contain many images:

<div id="#preview_images_gallery">
 <img class="image_url pager" src="image1.jpg">
 <img class="image_url pager" src="image2.jpg"> 
 <img class="image_url pager" src="image3.jpg">
 .
 .
 .
</div>

how I can know the number of images contained in this div with jquery?

score 6 · Accepted Answer · answered Feb 28 '12 at 14:26

6

$("#preview_images_gallery > img").size()

on second thoughts

  $("#preview_images_gallery > img").length

answered Feb 28 '12 at 14:26

NimChimpsky

46,453
60
198
311

better than @Rory's only because it specifies immediate img children. – Dave G Feb 28 '12 at 14:27
1

from the jQuery docs : The .size() method is functionally equivalent to the .length property; however, the .length property is preferred because it does not have the overhead of a function call. – Manse Feb 28 '12 at 14:27
+1, better than mine, although the OPs `id` already contains a `#` so the selector here is incorrect. – Rory McCrossan Feb 28 '12 at 14:29
@RoryMcCrossan true, but I reckon the op should change not me ... :-) – NimChimpsky Feb 28 '12 at 14:30

score 1 · Answer 2 · answered Feb 28 '12 at 14:26

1

$('#preview_images_gallery > img').length

answered Feb 28 '12 at 14:26

Chris Dixon

9,147
5
36
68

score 1 · Answer 3 · answered Feb 28 '12 at 14:26

1

var imagecount = $('#preview_images_gallery img').length

the length property of a jQuery collection.

Note : you should change your div id from #preview_images_gallery to preview_images_gallery

answered Feb 28 '12 at 14:26

Manse

37,765
10
83
108

score 1 · Answer 4 · answered Feb 28 '12 at 14:27

1

alert($("#preview_images_gallery img").length);//return numbers of images inside preview_images_gallery

answered Feb 28 '12 at 14:27

mgraph

15,238
4
41
75

score 1 · Answer 5 · edited Feb 28 '12 at 16:36

1

This is how you can count the img, in plain javascript way :

var get=document.getElementById('preview_images_gallery');
var allget=get.getElementsByTagName('img');
alert(allget.length);

edited Feb 28 '12 at 16:36

mgraph

15,238
4
41
75

answered Feb 28 '12 at 14:29

Kunal Vashist

2,380
6
30
59

My question is with jquery not with javascript. Thank you! – hyperrjas Feb 28 '12 at 14:31
i just gave you the hint , its easy to build in any framework just not jquery – Kunal Vashist Feb 28 '12 at 14:39

get the elements number inside parent div jquery

5 Answers5

Linked

Related