Jquery 按顺序迭代不同的列表项以匹配高度

我想标准化3行列表

我想弄明白的是如何逐行迭代，使高度与前端显示的高度相等。 项目的数量将始终相等，并且希望根据每次迭代中的最大值使每个li的高度相等

例如：

<div class="column-1-here">
  <ul>
    <li>Test<br />Test<br/>Test<li>
    <li>test></li>
  </ul>
</div>
/*These lists are aligned side by side and I'd like to make sure the heights are equal. It's also possible I'd add another 1 or 2 lists.*/
<div class="column-2-here">
  <ul>
    <li>Test</li>
    <li>Test<br />Test</li>
  </ul>
</div>

编辑 可以要一行一行地设置高度，它会变得有点复杂。 但没有什么是不可能的

变量列表=$document.findul； 变量单元格=$document.findli； var colCount=lists.length； var rowCount=lists.first.findli.length； var高度={}； //获得每行的最高高度

---

fori=0；在HTML代码中没有任何id为firstTab的元素。我添加了它，效果很好。顺便说一下，我建议将设置高度部分排除在循环之外。如果要对多个列表应用此调整，可以使用类选择器而不是id选择器。比如说，调整了

var listItems=$firstTab li； var max_height=0； $.eachlistItems、functionkey、val{ 如果$this.height>max_height{ 最大高度=$this.height； } }; listItems.css高度，最大高度+'px'； 控制台的最大高度； 测试 测试> /*这些列表并排排列，我想确保高度相等。也有可能我会再添加1或2个列表*/ 测验 测试

---

英雄联盟一个多小时没有回答，砰！两个答案在2分钟内说了同样的话。。。好笑@LouysPatriceBesette，根据代码中的注释，我只为第二个列表添加了。顺便说一句，我更新了答案，希望所有的李在同一高度的基础上最高。第二种是浮动。OP说“并排排列”。。。这不是别的意思，哇。它总是一些小东西。不过有一个问题要问你。我希望从本质上分析Row。所以第一行只能是一个测试，而整行的高度只有一行。下一个可能是不均衡的。它将不再是原来的样子。看起来我可能在某个地方搞错了，因为看起来无论发生什么，每个人的身高都是一样的。这有意义吗？我一行一行地做了；

var listItems = $("#firstTab li");
var max_height = 0;
listItems.each(function() {
  if( $(this).height() > max_height )
    max_height = $(this).height();  
    // and the rest of your code
    listItems.css( "height", max_height+'px' );
});