Javascript 每1、2、2档动态更改div的高度；第三个李根据最大的孩子形象

我们有一个很长的

图像列表，每个图像都包含在

中。我们的li的宽度始终为33.3%，因此在一行中始终有3个li、DIV和IMG

<ul>
    <li>
        <div><img...></div>
        <div>Some text...</div>
    </li>
    <li>
        <div><img...></div>
        <div>Some different text...</div>
    </li>
    <li>
        <div><img...></div>
        <div>Another text...</div>
    </li>
    <li>
        <div><img...></div>
        <div>More text...</div>
    </li>
    <li>
        <div><img...></div>
        <div>Even more text...</div>
    </li>
    <li>
        <div><img...></div>
        <div>Again some text...</div>
    </li>
    <li>
        <div><img...></div>
        <div>Some text...</div>
    </li>
    etc...   
</ul>

一些文字。。。


一些不同的文本。。。


另一个文本。。。


更多文本。。。


更多的文字。。。


又是一些文字。。。


一些文字。。。

等

现在我们需要获得每行中最大图像的当前可见（非自然）高度

然后，我们需要将该行中每个包含div的高度更改为该值

然后重复下一行，直到标签的末尾

Javascript/jQuery肯定可以做到这一点，但到目前为止运气不佳：）

编辑：刚刚意识到我们忘记了一些重要信息：图像必须在每个

中垂直居中。包含文本的第二组div必须垂直设置为从同一级别开始

---

提前感谢您的帮助

如果我理解正确，您希望行中的所有图像与行中最大的图像大小相同。我不确定这是个好主意。当较小的图像短于行中最大的图像时，您将更改其高度，这些图像的比例将被破坏，它们看起来不好。您可以发布您的实际代码吗？“我们需要得到每行中最大图像的当前可见（非自然）高度”-我猜你有CSS，使图像高度明显不同于自然高度？我们需要查看执行此操作的代码。为什么不将每个3

li

s包装在各自的

div

或

ul

中？这听起来像是可以使用flex Box来完成的。它是否类似于Google图像搜索？Div已经有了相同的大小。你想干什么？