Javascript 如何获取li标签总数

我需要获得span标签之后和ul标签内部存在的

li标签总数
计数

在获得li标记计数后，我必须在span标记中更新它（与我的HTML代码中类似）

HTML代码

<ul id='navigation'>
    <li>
        <ul>
            <li class='IS'><span>4</span>
<!--This span value should be four as its adjucent ul contains 4 lis-->
            <ul>
                <li><span>3</span>
<!--This span value should be four as its adjucent ul contains 3 lis-->
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </li>
                <li><span>5</span>
<!--This span value should be four as its adjucent ul contains 5 lis-->
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </li>
                <li><span>4</span>
<!--This span value should be four as its adjucent ul contains 4 lis-->
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </li>
                <li><span>4</span>
<!--This span value should be four as its adjucent ul contains 4 lis-->                    
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </li>
            </ul>
            </li>
        </ul>
    </li>
</ul>

$("#navigation ul li span+ul>li").each(function(){
cnts=$(this).length
console.log(cnts)
$("#navigation ul li span").html(cnts)
})

我已经在span标记内手动填写了所需的Li标记计数输出。
我的jquery没有提供所需的结果。
任何建议都会有帮助。

$（“#导航ul li span”）.text（函数（）{
返回$（this）.next（'ul'）.children（'li'）.length；
});










































$（“导航ul li span+ul>li”）。长度
无需循环
元素
即可获得
长度
谢谢您简化了我的问题