How to find the count of elements using jQuery

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..

my version :)

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

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

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

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>

Try:

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

I think this will help you.

$('.x span').length

this should work

http://jsfiddle.net/6kWdf/

You could use this for example:

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

Thanks