[해피CGI][cgimall] CSS로 li태그 높이를 가장긴 li높이갚으로 자동설정하기

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
   var max_h=0;
   $("#aaa li").each(function(){
 var h = parseInt($(this).css("height"));
    if(max_h<h){ max_h = h; }
   });
   $("#aaa li").each(function(){
 $(this).css({height:max_h});
   });
  });
</script>

<ul id="aaa">
 <li style="float:left; height:300px; background:#d50000;">개나리</li>
 <li style="float:left; height:500px;  background:#666666;">진달래</li>
 <li style="float:left; background:#999999;">무궁화</li>
< /ul>




이미지설명
좌 : 적용전 / 우 : 적용후