How to find the count of elements using jQuery

Question

I have a span tag and that holds some n number of span tags.. can I get the number of span tags available with in the parent span using Jquery.

example:

<span class="x">
    <span id="1">one</span>
    <span id="2">two</span>
    <span id="3">three</span>
</span>

now i should find the count of number of span tags inside the parent span and my output is 3 according to the above scenario.

please help me..

Andy · Accepted Answer · 2011-10-03 09:05:00Z

18

my version :)

$('span.x > span').length

answered Oct 3, 2011 at 9:05

Andy

30.2k9 gold badges43 silver badges59 bronze badges

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

1 Comment

Shawn Chin Over a year ago

I prefer this over the version I posted. +1

Shawn Chin · Accepted Answer · 2011-10-03 08:59:50Z

3

$("span.x").children("span").size()

Demo: http://jsfiddle.net/AZXv3/

answered Oct 3, 2011 at 8:59

Shawn Chin

87.4k20 gold badges168 silver badges193 bronze badges

Comments

leonm · Accepted Answer · 2011-10-03 08:58:40Z

2

From the documentation you can use length or size(). You can chain jquery selectors with find to count the inner spans. For example,

<script>
  var n = $(".x").find("span").length;
  alert(n);
</script>

answered Oct 3, 2011 at 8:58

leonm

6,48432 silver badges38 bronze badges

Comments

Siten · Accepted Answer · 2011-10-03 09:00:55Z

1

Try:

$("#id od 1st span").children("span").size();

I think this will help you.

answered Oct 3, 2011 at 9:00

Siten

4,5539 gold badges41 silver badges64 bronze badges

Comments

Frederiek · Accepted Answer · 2011-10-03 09:02:04Z

0

$('.x span').length

this should work

http://jsfiddle.net/6kWdf/

answered Oct 3, 2011 at 9:02

Frederiek

1,6132 gold badges17 silver badges32 bronze badges

Comments

node_modules · Accepted Answer · 2016-06-27 06:38:34Z

-1

You could use this for example:

$('#showTotalBarcodeCnt').html($("#barcodeLabelList").find("label").length);

Thanks

edited Jun 27, 2016 at 6:38

node_modules

4,9756 gold badges25 silver badges38 bronze badges

answered Jun 27, 2016 at 6:00

Gokul Patil

11 bronze badge

Collectives™ on Stack Overflow

How to find the count of elements using jQuery

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related