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

您可以在每个上使用 $('selector').height() 并找到最高的

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

我同意 John Boker 的观点，即您需要使用 height() 而不是某种计算 li 数量的方法。这样做的原因是，根据 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>

• Lorem ipsum dolor sat amet，consectetur adipiscing elit。 Nulla laoreet lacinia augue，一种dignissim orci sagittis nec。 Fusce blandit Commodo felis, et aliquam Orci auctor id。猫前庭矢状体非怀孕条件。 Duis quam Erat、facilisis nec rutrum sed、hendrerit 非 leo。 Nam varius nunc eget dolor dictum sagittis rut​​rum sem rhoncus。

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

• Short
• Short 2

假设 ul 未浮动或隐藏，John Boker 的方法将起作用。如果是这种情况，您将不得不等待隐藏或浮动它们，直到测量出它们的高度。