每第 5 个循环就中断一次循环
我想为每 5 个循环添加一段简单的代码到我的 HTML（列表项）中。
这是我的代码：
if (jsonData != null && jsonData.length > 0){
for (i=0;i<jsonData.length;i++){
if( jsonData[i].name.length > 15 )
cname = jsonData[i].name.substr(0,15);
else cname = jsonData[i].name ;
resHTML += '<li><a title="'+ jsonData[i].name +'" href="'+ jsonData[i].link +'"><img width="137" height="175" alt="'+ jsonData[i].name +'" src="'+ jsonData[i].img +'"></a><br><a href="'+ jsonData[i].link +'">'+ cname +'</a></li>' ;
}
}
因此，对于每 5 个循环，
谁能告诉我怎么办？
谢谢
I'd like to add a simple bit of code to my HTML (the list item) for every 5th loop.
Here is my code:
if (jsonData != null && jsonData.length > 0){
for (i=0;i<jsonData.length;i++){
if( jsonData[i].name.length > 15 )
cname = jsonData[i].name.substr(0,15);
else cname = jsonData[i].name ;
resHTML += '<li><a title="'+ jsonData[i].name +'" href="'+ jsonData[i].link +'"><img width="137" height="175" alt="'+ jsonData[i].name +'" src="'+ jsonData[i].img +'"></a><br><a href="'+ jsonData[i].link +'">'+ cname +'</a></li>' ;
}
}
So for every 5th loop, the <li> would become <li style="margin-right:0">
Can anyone show me how to do this?
Thank you
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
基本上，每 5 次迭代，模数（i 除以 5 的余数）将为 0
Basically, the modulus (the remainder of i divided by 5) will be 0 every 5 iteration
您不需要使用 JavaScript 来处理这个问题。
使用这个简单的 CSS：
这会将
margin-left应用于除第一个li之外的所有内容，这应该与应用margin-right相同除了最后一个li之外的所有内容。+是相邻同级选择器。You don't need to handle this with JavaScript.
Use this simple CSS:
That will apply
margin-leftto all except the firstli, which should be the same as applyingmargin-rightto all but the lastli.+is the adjacent sibling selector.一种可能是测试
i % 5 == 0是否会在循环的每 5 次迭代中评估为 true。代码：
one possibility would be to test if
i % 5 == 0this will evaluate to true every 5 iterations of the loop.code:
我会..设置
for(i = 1; i <= jsonData.length; i++)然后执行：
if((i % 5) == 0) { // margin code }I would.. set
for(i = 1; i <= jsonData.length; i++)Then do:
if((i % 5) == 0) { // margin code }