jquery - 使用 jQuery 自行调整导航菜单大小的最简洁方法

Question

我有这个menu ，我希望菜单项自动具有相同的大小，具体取决于菜单项的数量和 nav 宽度。

但我很难以尽可能干净的方式完成这项工作。

The Menu (JsFiddle)

这就是我制作菜单的方式

<ul>
   <li><a href="#">Item 1</a></li>
   <li><a href="#">Item 2</a>
     <ul>
       <li><a href="#">Item 1</a></li>
     </ul>
   </li>
   <li><a href="#">Item 3</a></li>
   <li><a href="#">Item 4</a></li>
</ul>

Answer 1

如果 jQuery 是一个选项，您可以使用它:

$('nav ul > li').css('width',($('nav').width()/$('nav ul > li').size()) +'px');

在这里 fiddle :http://jsfiddle.net/jAptc/6/