CODEWITHSUNDEEP
jqueryhtmlcss
Creative Enemy
Creative Enemy

Reputation: 398

Total LI width calculate and set the parent UL or DIV

How to calculated Total LI width and set the width for parent div.

My example code:

<ul>
<li>dsfdsfdsfds</li>
<li>dsfdsfdsfds</li>
<li>dsfdsfdsfds</li>
<li>dsfdsfdsfds</li>
<li>dsfdsfdsfds</li>
<li>dsfdsfdsfds</li>
</ul>

Css Style :

ul li{width:400px;float:left;}

Upvotes: 1

Views: 1557

Answers (1)

kamatchikumar-India
kamatchikumar-India

Reputation: 127

Use this code

<script type="text/javascript" src="public/js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){      
$('.nested_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);
        } 
});

    });
</script>

Upvotes: 2

Related Questions