添加寬度李的父母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); 
});