如何实现产品目录动态页面表单自动添加递增ID

Question

如果只有一个产品，那么这个列表<div id="pp1" >……</div>如果有两个后面就自动变成ID="PP2"如果三个就顺延。这个怎么做？

Answer 1

jquery代码
$(function(){   
var len = 3;//假设数量为3
for(var i=0;i<len;i++)
{
  $("<div id='pp'"+(i+1)+"'>产品信息</div>").appendTo("#product");
}
});<div id="product">
</div>

Answer 2

<div id="products">
   <div id="pp1">里面不能有DIV标签</div>
   <div id="pp2">里面不能有DIV标签</div>
</div>
先遍历所有产品的div。
var plist=document.getElementById('products').getElementsByTagName('div');
alert(plist.length);
输出2

Answer 3

     <script>
//Showtit
function Showtit(i) {
$("#zp"+i ).slideDown("fast");
}
function Hiddentit(i) {
$("#zp"+i ).slideUp("fast");
}

</script>
<div class="zp_list">
  <stl:pageContents pageNum="9" scope="SelfAndChildren" isImage="true" cellpadding="8px" cellspacing="8px">
   
   <div class="zp_box">
   <a href="{Content.NavigationUrl}" class="zp_boxfc" onmouseover="Showtit( )" onmouseout="Hiddentit( )"></a>
      <div class="picbox">
        <div class="pop_tit" id="zp"><span class="p_tit1" title="">{Content.Title}</span><br />
                                      <span class="p_tit2">{Content.SubTitle}</span></div>
        <img src="{Content.ImageUrl}" /></div>
    </div>
  </stl:pageContents>
 我用的是siteserver cms。做产品展示分页。效果是鼠标悬停图片，隐藏文字下移。