Question

我正在使用twig模板来循环一个项目数组，这些项目将显示为连续3个项目的网格。如果行的末尾有一个空的空格，我会有一个块放在那里，但只有一个空的空格。以下内容涵盖了我的要求，但感觉有点笨重。

{% if items|length == 2 or items|length == 5 % or items|length == 8 %}
 // add a block to fill the space
{% endif %}

使用jQuery，我会做类似下面的事情：

jQuery('#item:nth-child(3n+3)')

是否有更智能的方法通过twig if语句来做同样的事情？

Answer 1

你可以找到这样的第三行，我只是在这里添加表格行的演示，你可以根据自己的需要进一步修改它。

  $( "tr:nth-child(3n)").css( "background", "yellow" );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


<table>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
    <tr><td>6</td></tr>
    <tr><td>7</td></tr>
    <tr><td>8</td></tr>
    <tr><td>9</td></tr>
    <tr><td>10</td></tr>
    <tr><td>11</td></tr>
    <tr><td>12</td></tr>
  </table>

定位列表中的每个第3，第6，第9等元素

1 个答案: