div 안에 있는 엘리먼트 합 구하기

<style type="text/css">
  .set {float:left; height:100px; width:200px; background:#ccc;}
 </style> 

 

<script type="text/javascript">
  $(document).ready(function(){
   
   
   
   var totalWidth = 0;
   var set = $('.set')   
   
   set.each(function(){
    totalWidth = totalWidth + $(this).width();
   })
 
   
   $('.scroll').css('width', totalWidth)

  });  
   </script>

 

 

 <div class="scroll">
  <div class="set" style="width:250px">
  가나다
  </div>
 <div class="set" style="width:220px">
  가나다
  </div>
   <div class="set">
  가나다
  </div>
 
  <div class="set">
  가나다
  </div>
</div>