添加宽度李的父母ul

Question

我想计算每个子菜单的li的宽度然后放入ul元素。

例如

<ul> 
<li>level 1</li> 
<li> 
    <ul style="widht:??;"> // total width li's added here 70px 
    <li>level 2</li> // width of this li 20px 
    <li>level 2</li>/ width of this li 50px 
    </ul> 
</li> 
<li>level 1</li> 
<li>level 1 
    <ul style="widht:??;"> // total width li's added here 70px 
    <li>level 2</li> // width of this li 20px 
    <li>level 2</li>/ width of this li 50px 
    </ul> 
</li> 
</ul> 

我有这个所以票价

if ('#menu li:has(ul) ul'){ 

    $('li').each(function(){ 

     widthParentUl += $(this).outerWidth(true) 
    }); 

$(this)parent.('ul').attr('style','width:' + widthParentUl +'px; display:block; background:red;'); 

} 

Answer 1

thnx寻求帮助。我现在有这个，它的宽度是它的parrent ul。

$('#menu ul li > ul').each(function(){ 
     var liItems = $(this); 
     var Sum = 0; 
     if(liItems.children('li').length >= 1){ 
     $(this).children('li').each(function(i, e){ 
       Sum += $(e).outerWidth(true); 
     }); 
     $(this).width(Sum+1); 
     } 
}); 

Answer 2

也许这可以帮助：您的评论

width off all submenu LI's jquery

基地，给这一个镜头：

var Sum = 0; 

$('ul ul').each(function(){  
    $(this).children('li').each(function(i, e){ 
     Sum += $(e).outerWidth(); 
    }); 

    $(this).width(Sum); 
});