Javascript 如何为每5个元素创建一个DIV？

我想为每5个元素创建一个div。您可以在这里看到一个示例：

在底部，我有一个有5个元素的画廊，可以通过橙色的小正方形来改变。每个橙色方块都有一个指向DIV名称的“链接”，例如：DIV1、DIV2、DIV3。考虑到我从MySQL数据库中提取的项目数量，我需要自动创建它

例如：如果我拉7个项目，它将创建2个正方形和2个div:DIV1和DIV2。以此类推，以5的倍数表示

下面是我现在掌握的代码：

<div class="idTabs">
  <div class="col2">
    <a href="#pduno"><img class="pdimg" src="img/pduno.png" width="13" height="11" /></a>
    <a href="#pddos"><img class="pdimg" src="img/pddos.png" width="13" height="11" /></a>
    <a href="#pdtres"><img class="pdimg" src="img/pddos.png" width="13" height="11" /></a>
  </div>
</div>
<div class="row-end">&nbsp;</div>
<div class="row">
  <div class="col101">
    <div id="pduno">
      <table width="920" border="0" align="left" cellpadding="0" cellspacing="0" style="text-align:left">
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <?PHP
                            while ($retdetsfinal = mysql_fetch_row($retdest)) {
                        ?>
            <td height="110">
              <div style="width:160px; height:112px; border:2px solid #c0bdb6">
                <img src="imagenes/thumbs/<?php echo $retdetsfinal[0];?>_x.jpg" style="border:6px solid #FFF;" width="148" height="100" />
              </div>
              <br />
              <?php echo ucfirst($retdetsfinal[1]);?> -
              <?php echo ucfirst($retdetsfinal[2]);?><br />Bs.
              <?php echo $retdetsfinal[3];?>
            </td>
            <td>&nbsp;</td>
            <?PHP   
                        }
                        ?>
        </tr>
      </table>
    </div>
  </div>
</div>

_x、 jpg“style=”border:6px solid#FFF；“width=“148”height=“100”/>


-

Bs。

看看这个。虽然它可能不完全符合您的需要，当然也没有可用的样式，但它应该会给您正确的提示，让您从这个开始。

多一点代码或一把小提琴就好了。但我正确地理解，您有12幅图像，然后您有3个小正方形改变可见的div和3个div哪些图片项目是…正确吗？@TobiasKrogh是的，你是对的。我认为正确的单词是“包装”元素。有什么想法吗？谢谢！你需要结合。我认为没有一些代码你不会得到详细的答案