jQuery로 가장 높은 UL 태그를 측정하십시오.

Question

ul 태그 중 가장 높은 값을 측정하고 잡으려고합니다.

마크 업은 매우 간단합니다.

<ul class="ul_class"> 
    <li>One</li> 
    <li>Two</li> 
    <li>Three</li> 
</ul> 

<ul class="ul_class"> 
    <li>a</li> 
    <li>b</li> 
    <li>c</li> 
    <li>d</li> 
    <li>e</li> 
</ul> 


<ul class="ul_class"> 
    <li>a1</li> 
    <li>b1</li> 
    <li>c1</li> 
    <li>d1</li> 
    <li>e1</li> 
    <li>f1</li> 
</ul> 

그래서 ul을 블록으로 표시합니다. 분명히 가장 높은 것은 그 안에 mosl li 태그가있는 것입니다. 그러나 어떻게이 높이를 변수로 가져갈 수 있습니까?

은. 당신은 아마도 $ ('선택')를 사용할 수 있습니다

Answer 1

사전에 도움을 하나 하나에 높이를() 감사합니다 찾아 가장 높은

http://docs.jquery.com/CSS/height

뭔가 같은

var max = 0; 
$('.ul_class').each(function(){ 
    var h = $(this).height(); 
    if(h > max) 
     max = h; 
}); 

// max is the max here. 

Answer 2

나는 li의 수를 세는 방법보다는 height()를 사용하는 것에 동의합니다. 그 이유는 li의 내용에 따라 텍스트의 단락 일 경우 li이 하나 있지만 매우 짧은 목록 항목이있는 2 li 목록보다 길 수 있기 때문입니다.

<ul> 
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla laoreet lacinia augue, a dignissim orci sagittis nec. Fusce blandit commodo felis, et aliquam orci auctor id. Vestibulum sagittis felis non urna condimentum gravida. Duis quam erat, facilisis nec rutrum sed, hendrerit non leo. Nam varius nunc eget dolor dictum sagittis rutrum sem rhoncus.</li> 
</ul> 

• 로렘 입숨 슬픔은, AMET consectetur의 adipiscing의 ELIT 앉아. Nulla laoreet lacinia augue, dignissim orci sagittis nec. 범상한 아기를 낳을 때, 그 사람의 아이디와 아이디. Vestibulum sagittis felis 비 urna condimentum gravida. 두 번째, 네일 루틴, hendrerit 비 레오. 남은 변종은 다음과 같습니다. ul가 떴다 또는 숨겨진되지 않는다는 것을 가정하면 짧은
• 짧은 2

<ul> 
<li>Short</li> 
<li>Short 2</li> 
</ul> 

• , 존 Boker에 의한 방법은 작동합니다. 이 경우 높이를 측정 할 때까지 숨기거나 떠 다니기를 기다려야합니다.