jquery - 按三个对元素进行分组

Question

我有 12 个 LI 元素。如何将它们按三个分组，并检查三个 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 属性类似，但它返回包括 padding、scrollBar 和 border 的高度。

fiddle :http://jsfiddle.net/Y6b9a/