请教一个问题（javascript）html调用函数！很基本

html中的javascript
<script type="text/javascript">
function display(num){
 
 base = Math.ceil(num / 10) ;
 start = (base-1)*10 + 1;
 end = base * 10;
 
 for(var i = start; i <= end;i++){
  if(i!=num){
   $("#width_li"+i).css('display', 'none');
   $("#narrow_li"+i).css('display', 'block');
  }
  else{
   $("#width_li"+i).css('display', 'block');
   $("#narrow_li"+i).css('display', 'none');
  }
 }
}
</script>
html中：
<li id="需要这里变成js函数赋值" class="toptenmgray">
我想让<li id="函数赋值" class="toptenmgray">中的id变成id=width_li1，id=width_li2，…… 
这应该是调用一个变量的问题，我不会，可能描述不是很清楚，我想说就是li的id属性应该自动被赋值并且+1

解决方案 »

  1.   

    普通html框架中，js定义一个变量，本地调用函数赋值，就是变量i的赋值如何让在id属性中出现
      

  2.   

    1、如果li是createElement("li")动态创建，定义你所需形式的id很容易。
    2、如果li是HTML标签定义的，你必须在HTML装载完成后定义。
    就这思路，不一定正确：window.onload=function(){
    var obj = $("li所在容器ID").getElementsByTagName("li");
    for(var i = 0, Max = obj.length; i < Max; i++)
    function(j){obj[j].id = "width_li" + (j+1)}(i);
    }
      

  3.   

    上面掉了“~”window.onload=function(){
    var obj = $("li所在容器ID").getElementsByTagName("li");
    for(var i = 0, Max = obj.length; i < Max; i++)
    ~function(j){obj[j].id = "width_li" + (j+1)}(i);
    }
      

  4.   

    想像JSP那样动态生成吧...
    其实也差不多...
    用document.write直接写在页面上就行了...
    例如:
    <body>
    <script>
    var i=1;
    </script>
    下面是生成内容.
    <script>
    for(i;i<=10;i++){
    document.write("<li id=\"width_li"+i"\" class=\"toptenmgray\">");
    }
    </script>
    <input type="button" value="show me the body html" onclick="alert(document.body.innerHTML)" />
    </body>
      

  5.   

    很像Jquery, $(function($){
                var i= 0;
                $("li.toptenmgray").each(function(){
                    $(this).attr("id","width_li"+i);
                    ++i;
                });
            });
      

  6.   

    我扒一个网站的模板（aimi.net），有Jquery，但是没有相关函数，只有我提供的js是相关，大家看看是怎么解决的
      

  7.   

    id=width_li应该是固定的，只是后面会添加变量i，形式如：id=width_li1，id=width_li2，…… 
    ，各位高手来研究一下吧，这个就是华为的站