Home/ Questions/Q 1037973
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T14:54:59+00:00

Hi I have the following code <ul id=sample-menu-1 class=sf-menu> <li class=current><a href=#a>main item <span

  • 0

Hi I have the following code

<ul id="sample-menu-1" class="sf-menu">
    <li class="current"><a href="#a">main item <span class="cntnews">0</span></a>
        <ul>
            <li><a href="#ab">sub item 1 <span class="cntnews">0</span></a>
                <ul>
                    <li><a href="#">menu item <span class="cntnews">4</span></a></li>
                    <li><a href="#aba">menu item <span class="cntnews">8</span></a></li>
                    <li><a href="#"> sub item 2<span class="cntnews">0</span></a>
                        <ul>
                            <li><a href="#">menu item <span class="cntnews">6</span></a></li>
                            <li><a href="#">menu item <span class="cntnews">8</span></a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>

What I would like to do in my jQuery script is have the <span class="cntnews">0</a> have the sum of these items of there descendants

so for mainitem this will be 26, for sub item 1 this will be 26, and for subitem 2 this will be 14

I would like this to work for any unordered list. So far im not getting the result I want so any help would be appreciated

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I would do it like this:

    <!doctype html>
<html>
<head>
    <title></title>
    <style type="text/css">

    </style>
</head>
<body>
<ul id="sample-menu-1" class="sf-menu">
    <li class="current"><a href="#a">main item <span class="cntnews">0</span></a>
        <ul>
            <li><a href="#ab">sub item 1 <span class="cntnews">0</span></a>
                <ul>
                    <li><a href="#">menu item <span class="cntnews">4</span></a></li>
                    <li><a href="#aba">menu item <span class="cntnews">8</span></a></li>
                    <li><a href="#"> sub item 2<span class="cntnews">0</span></a>
                        <ul>
                            <li><a href="#">menu item <span class="cntnews">6</span></a></li>
                            <li><a href="#">menu item <span class="cntnews">8</span></a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function() {
        $('span.cntnews').each(function(i){
            var total = 0;
            $(this).parent().parent().find('span.cntnews').each(function(j){
                total += +jQuery.text([this]); //credit to J-P for this
            });
            $(this).text(total);
        });
    })
</script>
</body>
</html>
    • 0