ICanHaz.js 在 ul 中命名每个 li？

【问题标题】：ICanHaz.js name each li in a ul?ICanHaz.js 在 ul 中命名每个 li？
【发布时间】：2013-01-27 01:30:07
【问题描述】：

我正在使用 icanhaz.js 模板，我想知道是否有人知道是否可以为模板创建的列表中的每个 <li> 提供类名？

例如：

 <script id="testLI" type="text/html">
      <li class="list-1">
        <p>Name: {{ name }}</p>
        <p>Here Now: {{ count }}</p>
        <p>ID: {{ id }}</p>
      </li>
  </script>

如果我可以让每个 <li> 都有一个“list-1”、“list-2”、“list-3”等类。

【问题讨论】：

标签： jquery icanhaz.js

【解决方案1】：

不确定您是如何实施的。但是你应该遍历你的数据，并且在你的循环中有一个计数器。每次增加计数器并放在{{index}}中。

<script id="testLI" type="text/html">
  <li class="list-{{index}}">
    <p>Name: {{ name }}</p>
    <p>Here Now: {{ count }}</p>
    <p>ID: {{ id }}</p>
  </li>
</script>

示例循环

for (var i = 1; i < data_var.length; i++) {
  var data = {
    index: i,
    name: "name",
    count: "count",
    id: "id"
  }
  // Do whatever you need with data.
  // html = ich.listLI(data)
}

【讨论】：