每隔1秒动态改变div的高度。根据最大的儿童形象

Question

我们有一个很长的<ul>图片列表，每个图片都包含在<div>中。我们的li总是有33.3％的宽度，因此一行中总有3个lis，div和imgs。

<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的高度更改为此值。

然后重复下一行，直到<ul>标记结束。

Javascript / jQuery肯定能做到这一点，但到目前为止还没有运气：）

编辑：刚刚意识到我们忘记了一些重要信息：图像必须在每个<div>中垂直居中。包含我们文本的第二组div必须垂直设置为从同一级别开始。

提前感谢您的帮助！