針對列表中的每個第3，第6，第9等元素

Question

我正在使用樹枝模板來循環顯示作爲連續3個項目的網格的項目數組。如果在行的末尾有一個空的空間，我有一個塊可以放在那裏，但只有一個空的空間。以下涵蓋了我所需要的，但感覺有點笨拙。通過樹枝

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

有沒有一種更聰明的辦法if語句做同樣的：

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

使用jQuery我會做類似下面的？

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>