Javascript 使用Jade中的Mixin创建导航栏

我想通过mixin创建如下导航条：

<ul class="pets">
    <li><a(class="cat",href="a")>cat</a></li>
    <li><a(class="dog",href="a")>dog</a></li>
    <li><a(class="pig",href="a")>pig</a></li>
</ul>

我试着写这封信，但写得不对：

mixin pets(pets,links)
  ul.pets
    - each pet,p in pets,links
      - var f = '<a(class="'+pet+'",href="'+p+'")>'
      li!= f + pet+'</a>'
+pets(['cat', 'dog', 'pig'],['a','a','a'])

mixin宠物（宠物，链接）
宠物
-每个宠物，宠物中的p，链接
-变量f=''
+宠物（[‘猫’、‘狗’、‘猪’、[‘a’、‘a’、‘a’]））

这就是结果：

<ul class="pets">
    <li><a(class="cat",href="0")>cat</a></li>
    <li><a(class="dog",href="1")>dog</a></li>
    <li><a(class="pig",href="2")>pig</a></li>
</ul>

我不知道怎么做，请帮帮我……：（

---

感谢阅读！

您正在将

p

（每个迭代中pets数组的索引）渲染到输出中。不必这样做，您只需在每个迭代中渲染links数组的

pth

元素即可

mixin pets(pets, links)
   ul.pets
     - each pet,p in pets
       - var f = '<a (class="'+pet + '", href="'+ links[p] +'")>'
       li!= f + pet + '</a>'

+pets(['cat','dog','pig'],['a','a','a'])

mixin宠物（宠物，链接）
宠物
-每只宠物，p在宠物中
-变量f=''
+宠物（[‘猫’、‘狗’、‘猪’]、[‘a’、‘a’、‘a’]）