for循环中第一行的特殊列布局

Question

我有一个网页，每行显示4张图片。

我想将第一行作为一个特殊的行，与其他行具有不同的列配置，如下所示。

因此，这个特殊行将有3列，第一列的大小更大。

以下是我目前所拥有的内容，<figure>代表一行， <ul> <li> <% Object.keys(data).forEach(function(key) { %> <% if (key%4 == 0 && key != 0) { %> </li><li> <% } %> <figure> ... </figure> <% }) %> </ul> 代表一列。

for ($second = 0; ; $second++) {
    if ($second >= 30) $this->fail("Element not found");
    try {
        if ($value == $this->getText("$locator")) break;
    } catch (Exception $e) {}
    sleep(1);
}

我无法理解在循环中添加这个条件。

Answer 1

最好用普通的js文件写，但无论如何，你能检查一下吗？

<% Object.keys(data).forEach(function(key) { %>

    <% if (key === 0) { %>
        <figure class="double-size">

          ...

        </figure>
    <% } else { %>
        <% if ((key+1)%4 == 0 && key != 0) { %>
            </li><li>
        <% } %>

        <figure>

          ...

        </figure>
    <% } %>

<% }) %>