将div加上5次并忽略超过5 - jQuery

时间:2015-03-23 07:38:56

标签: javascript jquery html css

我正在创建动态div,它在for循环中。

length = //some number from 1 to 10;
for(i=1; i<length; i++) 
{
     if(i > 5)
     {
         <div></div>
         <div></div>
         <div></div>
         <div></div>
         <div></div>
         ...
         // Ignore further appending div's greater than 5 and show ...
     }
     else // number less than 5
     {
         <div></div>
         <div></div>
         <div></div>
     }
}

基本上,如果我的length超过5,则将div添加到5次,以及如何忽略进一步的附加显示......

1 个答案:

答案 0 :(得分:2)

如果您只希望div最多追加5次,给定任意长度,您可以执行以下操作:

length = //some number from 1 to 10;
for(i=1; i<length; i++) 
{
   if(i > 5)
   {
     break;
   }
   <div></div>
}

你可以检查当前的数字是否大于5,如果是这样的话,打破循环并继续使用循环中的任何代码。