Home/ Questions/Q 8877471
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T19:28:35+00:00

Using jQuery, how do I go through each nested ul.item, count the number of

  • 0

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><span class="someClass">3</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">1</span>
    <ul class="item" style="display:none">
      <li>count me</li>
    </ul>
  </li>
  <li><span class="someClass">2</span>
    <ul class="item" style="display:none">
      <li>count me</li>
      <li>count me</li>
    </ul>
  </li>
</ul>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <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>
    • 0