Forloop结果和迭代类名称

Question

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

目前，我正在尝试这样的东西：

 <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 }}。