'2013/02'에 해당되는 글 1건

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

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

jQuery 2013. 2. 3. 19:21

<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>

'jQuery' 카테고리의 다른 글

배너2  (0) 2014.05.15
이미지 배너  (0) 2014.05.13
신현석님 Jquery AIP 정리  (1) 2012.08.29
마우스오버 아웃  (0) 2012.07.10
웹접근성에 맞는 탭메뉴  (0) 2012.07.02
: