jquery - count li in each of multiple ul and return value

dom, html, jquery

Solution

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
         $(function() { 
            var count = 0;
            $('ul').each(function(){
                if(count != 0){

                    var len = $(this).find('li').length;

                    $(this).parent().find('.someClass').html(len);
                }
                count++;

            })  
         });

    </script>
</head>
<body>
<ul>
  <li><span class="someClass"></span>
    <ul class="item" style="display:none">
      <li>count me</li>
      <li>count me</li>
      <li>count me</li>
    </ul>
  </li>
  <li><span class="someClass"></span>
    <ul class="item" style="display:none">
      <li>count me</li>
    </ul>
  </li>
  <li><span class="someClass"></span>
    <ul class="item" style="display:none">
      <li>count me</li>
      <li>count me</li>
    </ul>
  </li>
</ul>
</body>
</html>

Problem

Using jQuery, how do I go through each nested ul.item, count the number of LI, and return that size/length in a parent span.someClass on that page? ``` <ul> <li>3 <ul class="item" style="display:none"> <li>count me</li> <li>count me</li> <li>count me</li> </ul> </li> <li>1 <ul class="item" style="display:none"> <li>count me</li> </ul> </li> <li>2 <ul class="item" style="display:none"> <li>count me</li> <li>count me</li> </ul> </li> </ul> ```

Original source