5个增量后Javascript换行!

Question

我被困了......再一次.我需要使用javaScript在每5个增量后添加一个换行符.例如

img1        img2         img3         img4        img5
img6        img7         img8         img9        img10

这就是我的想法.

for (i = 0; i < blah.length; i++) {
    imgholder.innerHTML += i;
    if (i > 5) {
        imgholder.innerHTML += '<br>';
    }
}

好吧,我确实意识到它不是最结构化的代码片段(所以我很抱歉),但它只是一个示例.希望它有意义.随意提出更多问题以便澄清.
干杯,
山姆

Answer 1

这将在元素6,7,8之后中断(从零开始,因此加1以获取图像编号)等等,因为它们都大于5.所以你会得到:

img1   img2   img3   img4   img5   img6   img7
img8
img9
img10

你需要替换:

if (i > 5) {

有:

if ((i % 5) == 4) {

因此它在元素4(img5),9(img10),14(img15)等之后断开.

并且,由于您要求解释,模运算符会在您进行除法时为您提供余数.因此,12 % 5可以制定出还剩下些什么时,你把以上12通过5.12 / 5给你10剩下的2,12 % 5也是2.

下表可能有所帮助:

  i  | i % 5
-----+------
  0  |   0
  1  |   1
  2  |   2
  3  |   3
  4  |   4 *
  5  |   0
  6  |   1
  7  |   2
  8  |   3
  9  |   4 *
 10  |   0
 11  |   1
 12  |   2

您可以看到它在值中循环,{0, 1, 2, 3, 4}因此我们只需要选择要插入断点的值(在4标记之后*).