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

Question

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

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 宽度设置为列表项的最高宽度。