假设我有一个元素,在里面想放一个不定数量的
<ul>
for(i = 0; i < numOfLi; i++)
<li> {{ stuff }} </li>
</ul>
假设我有一个元素,在里面想放一个不定数量的
<ul>
for(i = 0; i < numOfLi; i++)
<li> {{ stuff }} </li>
</ul>
icanhaz(小胡子)确实包含一种循环方式。
在 JavaScript 中:
var listOfStuff = {stuff: [
{key: "1", desc: "First"},
{key: "2", desc: "Second"}
]};
$("#mySelectBox").append(ich.myTemplate(listOfStuff));
在您看来:
<script id="myTemplate" type="text/html">
{{#stuff}}
<option value="{{key}}">{{desc}}</option>
{{/stuff}}
</script>
<select id="mySelectBox">
</select>
和{{#stuff}}
分隔{{/stuff}}
列表。有关详细信息,请查看mustache的Sections部分。
编辑:如果您使用的是 jQuery 1.9 或更高版本,请务必查看此答案。
我不确定 iCanHaz,但 John Resig(JQuery 的创建者)在他的博客上发布了这个方法:
偷偷摸摸的高峰...
<script type="text/html" id="user_tmpl">
<% for ( var i = 0; i < users.length; i++ ) { %>
<li><a href="<%=users[i].url%>"><%=users[i].name%></a></li>
<% } %>
</script>
没有。做不到。您需要动态呈现 html。