リストの3番目、6番目、9番目の要素をすべてターゲットにする

Question

私は3つの項目を並べてグリッドとして表示するアイテムの配列をループするためにtwigテンプレートを使用しています。行の最後に空白がある場合、そこに配置されるブロックがありますが、そこには空のスペースが1つしかありません。以下は、私が必要とするものですが、ちょっと不器用な感じです。 jQueryを使って

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

私は以下のようなものだろう：文が同じことをする場合

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

が小枝を経由してあり、よりスマートな方法ですが？

Answer 1

このような3行目を見つけることができます。テーブル行にデモを追加するだけです。必要に応じてさらに修正することができます。

$("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>