爲每個5個元素創建一個DIV

我想爲每個5個元素創建一個DIV，我有一個div。你可以在這裏看到一個例子：http://www.nobregamedia.com/aa/爲每個5個元素創建一個DIV

在底部，我有一個有5個元素的畫廊，由橙色的小方塊改變。每個橙色方塊都有一個到DIV名稱的「鏈接」，例如：DIV1，DIV2，DIV3 ..我需要自動創建它，同時考慮到我從mysql數據庫中提取的項目數量。

例如：如果我拉7項，它會創建2個格，和2周的div：DIV1和DIV2 ..等，5的倍數..

我在這裏＃2看了一些例子，但我不明白他們很多（我是一個JavaScript的新手）。如果你可以幫助我一些代碼示例，這將是很好的。

在此先感謝。

下面的代碼我現在所擁有的

<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>

來源

2012-04-24 Roberto de Nobrega

多一點的代碼或小提琴會很好。但正如我理解正確，你有例如12張圖片，那麼你有3個小方塊改變可見的div和3個div，其中的圖像項是...是正確的？ – 2012-04-24 04:15:46

@TobiasKrogh是的，你是對的..我認爲正確的詞是「包裝」的元素。任何想法。？？謝謝。！ – 2012-04-24 04:20:26

您需要將[slice]（http://api.jquery.com/slice/）與[wrapAll]（http://api.jquery.com/wrapAll/）結合使用。沒有一些代碼我不認爲你會得到詳細的答案 – 2012-04-24 04:36:54