宽度关闭所有子菜单LI的jquery

Question

如何将所有子菜单的总宽度添加到子菜单中？

jQuery的width（）方法？

<ul>
 <li>level 1</li>
 <li>
  <ul style="widht:150px;"> //total width children li / add width li's
   <li>level 2</li> //width 100
   <li>level 2</li> //width 50
  </ul>
 </li>
 <li>level 1</li>
<li>
  <ul style="widht:150px;"> //total width children li / add width li's
   <li>level 2</li> //width 100
   <li>level 2</li> //width 50
  </ul>
</li>
</ul>

Answer 1

var Peek = 0;

$('ul ul').each(function(){    
   $(this).children('li').each(function(i, e){
      if($(e).outerWidth() > Peek)
         Peek = $(e).outerWidth();
   });

   $(this).width(Peek);
   Peek = 0;
});

将子uls宽度设置为列表项的最大宽度。