Question

如何在html里设置动态ID，我不知道怎么调用JS递增

我要让menu和submenu递增，变量该如何插入到HTML代码中去？

<ul id="menu">
<li id="menu1" onmouseover="this.style.cursor='pointer';">限量商品抢先购
<div id="submenu11">- <a href="./?mod=goods&do=index&sort_id=150"> 独家特惠组</a></div>
<div id="submenu12">- <a href="./?mod=goods&do=index&sort_id=151"> 最新商品</a></div>
</li>
<li id="menu2" onmouseover="this.style.cursor='pointer';">美肌彩妆馆
<div id="submenu21">- <a href="./?mod=goods&do=index&sort_id=113"> 粉底|遮瑕|BB霜</a></div>
<div id="submenu22">- <a href="./?mod=goods&do=index&sort_id=112"> 高防晒SPF</a>
<li>
</ul>
</div>

JS代码如图所示！

Answer 1

<ul id="ul1"></ul>

下面是jQuery代码：
$(function(){
var html = "";

for(var i=0; i<10; i++){
html += "<li id=\"menu" + i + "\" onmouseover=\"this.style.cursor='pointer';\">限量....";
for(var j=0; ......);---- 这个循环里加div等等，反正就是li内的内容
html += "</li>"

｝

//最后
$("#ul1").append(html);

});

注明：我瞎写的，不对你别骂我！

Answer 2

没大明白你什么意思，你可以用js把html代码写到页面上啊；
类似：div.innnerHTML="";
这样id不就可以任你处理了么；

追问

我也是菜鸟，网页上的源文件就是刚才那个，但我加入CMS里调用多个栏目，但是他的ID不会变，这个JS应该是会变的，我该如何在 这里调用JS的变量呢，我不太懂JS

追答

晚些回你，现在正忙这。。我知道你什么意思了

追问

好，谢谢啦

追答

 <div>
   <ul id="menu">
    <li id="menu1" onmouseover="this.style.cursor='pointer';">限量商品抢先购
      <div id="submenu11"><a href="#"> 独家特惠组</a></div>
      <div id="submenu12"><a href="#"> 最新商品</a></div>
    </li>
    <li id="menu2" onmouseover="this.style.cursor='pointer';">美肌彩妆馆
      <div id="submenu21"><a href="#"> 粉底|遮瑕|BB霜</a></div>
      <div id="submenu22"><a href="#"> 高防晒SPF</a></div>
</li>
  </ul>
</div>

上面那样就好了，不过得把你的js改一下了，你那几个for循环叫一个乱啊，给你统一了一下。

你实现的其实是一个手风琴样式菜单么。其实没那么复杂，你这个有点多 了，下面是我按你思路改的，最后上传测试的源码吧，希望对你有帮助，不过这个js里面的动态添加事件的我调试时是不生效的。就换了一种通用的。ie10,chrome测试通过的，我很辛苦的，给你调试的，所以就收点辛苦费了，源码就不免费了！最后那个菜单顺序li和div 的id 都是1->n,添加就好了！