Forloop 结果和迭代类名

Question

我正在尝试使用 Shopify 的 Liquid 语法创建一个 forloop，它将计算来自特定产品的图像的返回结果，并在每个实例中迭代唯一的 div 类，以便我可以将这些类用作 @987654323 的锚点@动画。

目前，我正在尝试类似：

 <ul class="scroll-to-nav>
 {% for image in product.images %}
   <li class="scroll-to-nav-link><a href="#link">link</a></li>
 {% endfor %}
 </ul>

期望的结果是这样的：

<ul class="scroll-to-nav>
 <li class="scroll-to-nav-link-1><a href="#link-1">link 1</a></li>
 <li class="scroll-to-nav-link-2><a href="#link-2">link 2</a></li>
 <li class="scroll-to-nav-link-3><a href="#link-3">link 3</a></li>
 <li class="scroll-to-nav-link-4><a href="#link-4">link 4</a></li>
 <li class="scroll-to-nav-link-5><a href="#link-5">link 5</a></li>
 etc etc etc
</ul>


<img src="path-to-img.jpg" id="link-1">
<img src="path-to-img.jpg" id="link-2">
<img src="path-to-img.jpg" id="link-3">
<img src="path-to-img.jpg" id="link-4">
<img src="path-to-img.jpg" id="link-5">
etc etc etc

Answer 1

正如评论中指定的 Drip，信息可在文档中找到。这是实现您想要做的事情的一种方法：

{% for image in product.images %}
  <a href="#" id="link{{ forloop.index }}">Link {{ forloop.index }}</a>
{% endfor %}

如果您需要获取循环的长度，可以使用 {{ forloop.length }}。