如何在速度模板的 for 循环内为 div 生成唯一的 class 名称？

Question

我的 velocity 模板中有一个 for 循环，用于在网页上显示元素。我将它们包装在 div 中，但最终所有元素的名称都相同 div 。我如何确保所有 div 的所有元素都具有唯一的 class 名称。

    #foreach($i in [0..$size])
        <div class= "styles">
             <span class="actor">$discoverActorConfs.get($i).actor</span>
             <span class="remove aui-icon aui-icon-small aui-iconfont-    remove" title="Remove project" data key="$discoverActorConfs.get($i).actor" onclick="transit_time_remove_proj('$discoverActorConfs.get($i).actor')">
             </span>

        </div>

这样我就可以在脚本标签中使用唯一的 class 名称。

<script>

    $(document).ready(function() {


            $('div.new-div, div.styles').connections();

            var connections = $('connection, inner');
            setInterval(function() { connections.connections('update') }, 100);
        });
    </script>

Answer 1

拥有独特的类与拥有类的目的有点冲突。您应该为每个 div 设置唯一的 ID。但是如果你想生成唯一的类,

#foreach($i in [0..$size])
        <div class= "styles-$i">
             <span class="actor">$discoverActorConfs.get($i).actor</span>
             <span class="remove aui-icon aui-icon-small aui-iconfont-    remove" title="Remove project" data key="$discoverActorConfs.get($i).actor" onclick="transit_time_remove_proj('$discoverActorConfs.get($i).actor')">
             </span>
      </div>

如果您选择使用唯一 ID，您可以这样做，

#foreach($i in [0..$size])
            <div class= "styles" id="div-$i">
                 <span class="actor">$discoverActorConfs.get($i).actor</span>
                 <span class="remove aui-icon aui-icon-small aui-iconfont-    remove" title="Remove project" data key="$discoverActorConfs.get($i).actor" onclick="transit_time_remove_proj('$discoverActorConfs.get($i).actor')">
                 </span>
    </div>

您所要做的就是追加 -$i 以确保 ID/class 名称是唯一的

如何在速度模板的 for 循环内为 div 生成唯一的 class 名称？

How can I generate unique class name for div inside a for loop in velocity template?

html

javascript

css

jquery

velocity