每5个循环中断循环

Question

我想为每个第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个循环,<li>它将成为<li style="margin-right:0">

谁能告诉我怎么做？

谢谢

Answer 1

if ((i % 5) == 0)
  // add your margin stuff

基本上,模数(i的余数除以5)每5次迭代将为0

Answer 2

您无需使用JavaScript处理此问题.

使用这个简单的CSS:

li + li {
    margin-left: 20px;
}

这将适用margin-left于所有除第一li,这应该是一样适用margin-right于所有,但最后li.

+是相邻的兄弟选择器.