Question

Basically i wanna show total list items for each list item that contains sub ul, see my code: http://jsfiddle.net/NykJe/

<ul>
    <li>linkA</li>
    <li>linkB<span class="total"></span>
        <ul>
            <li>link2</li>
            <li>link2</li>
            <li>link2</li>
        </ul>
    </li>
    <li>linkC</li>
    <li>linkD<span class="total"></span>
        <ul>
            <li>link2</li>
            <li>link2</li>
            <li>link2</li>
            <li>link2</li>
            <li>link2</li>
        </ul>
    </li>
</ul>

var total = $('ul li ul li').size();
$('.total').append('<div>'+ total +'</div>');

i wanna use loop that count each specific sub ul li items count and result will be LinkB 3 and LinkD 5 currently it shows LinkB 8, LinkD 8

Answer 1

$('ul li ul').each(function(){
  $(this).prev('.total').append('<div>'+ $(this).find('li').length +'</div>');
});

JSFiddle