Question

我有12个LI元素。如何将它们分组为3并检查哪个LI在三个中有更多高度，并为组中的其他两个LI指定更高的高度值。

LI将动态填充并且高度将彼此不同，因此我想在行中保留3个LI并检查哪个具有更高的高度并将其应用于同一行中的其他两个LI。

<ul>
  <li>001</li>
  <li>002</li>
  <li>003</li>
  <li>004</li>
  <li>005</li>
  <li>006</li>
  <li>007</li>
  <li>008</li>
  <li>009</li>
  <li>010</li>
  <li>011</li>
  <li>012</li>
 </ul>

样式如下：

UL>LI{
float:Left;
width:33.33%
}

Answer 1

从我这边尝试：

JS / Jquery的

var list=$('ul>li');
for(var i=0;i<list.length;i+=3)
{
    max=-1;
    for(var j=i;j<i+3;j++)
    {
       var h = list[j].clientHeight; 
       max = h > max ? h : max;
    }
    for(var k=i;k<i+3;k++)
    {
        list[k].style.height = max+'px';
    }

}

您也可以使用 offsetHeight 属性。它类似于clientHeight属性，但它返回包括填充，scrollBar和边框的高度。

小提琴：http://jsfiddle.net/Y6b9a/

jquery - 由Three组成的元素

1 个答案: