js或者jquery 不同个数li平分宽度

[mrtelanpu]

<style>
#subnav{width:960px;height:32px;}
<style>
情况1
<div id="subnav">
<ul>
<li><a href="">这里3个</a></li>
<li><a href="">这里3个</a></li>
<li><a href="">这里3个</a></li>
</ul>
</div>
情况2
<div id="subnav">
<ul>
<li><a href="">这里4个</a></li>
<li><a href="">这里4个</a></li>
<li><a href="">这里4个</a></li>
<li><a href="">这里4个</a></li>
</ul>
</div>
情况3
<div id="subnav">
<ul>
<li><a href="">这里2个</a></li>
<li><a href="">这里2个</a></li>
</ul>
</div>

#subnav 固定的宽是960px，它下面可能有 2个或者3个或者4 个li，如何用js或者jquery让li平分960的宽呢？

[jio可]

页面加载完成用js去获取每个层里面有多少个子节点计算出宽度。

[cocotsau]

<style>
*{margin:0;padding:0;}
#subnav{width:960px;height:32px;}
#subnav ul li {float:left;}
</style>
<div id="subnav">
    <ul>
        <li><a href="">这里3个</a></li>
        <li><a href="">这里3个</a></li>
        <li><a href="">这里3个</a></li>
        <li><a href="">这里3个</a></li>
    </ul>
</div>

<script type='text/javascript'>
	var subnav = document.getElementById('subnav'),
	aLi = document.querySelectorAll('#subnav li'),
	w = subnav.offsetWidth/aLi.length;//通过容器的宽度除以li的个数来计算每个li的宽度
	for(var i=0;i<aLi.length;i++){
		aLi[i].style.width = w + 'px';
	}
</script>

[s5210729]

<div id="subnav"> <ul> <li> <ul> <li><a href="">这里3个</a></li> <li><a href="">这里3个</a></li> <li><a href="">这里3个</a></li> </ul> </li> <li> <ul> <li><a href="">这里3个</a></li> <li><a href="">这里3个</a></li> <li><a href="">这里3个</a></li> </ul> </li> <li> <ul> <li><a href="">这里3个</a></li> <li><a href="">这里3个</a></li> <li><a href="">这里3个</a></li> </ul> </li> </ul> </div> 要是有多个li下的li,要怎么写?