Question

用javascript或者jquery 在静态页面li中加入随机数字的问题

<ul class="">
<li id="li_1_1-在这里加入随机数或自增数">...........</li>
<li id="li_1_1-在这里加入随机数或自增数">.............</li>
<li id="li_1_1-在这里加入随机数或自增数">..............</li>
<li id="li_1_1-在这里加入随机数或自增数">.............</li>
<li id="li_1_1-在这里加入随机数或自增数">..............</li>
<li id="li_1_1-在这里加入随机数或自增数">.............</li>
<li id="li_1_1-在这里加入随机数或自增数">..............</li>
<li id="li_1_1-在这里加入随机数或自增数">.............</li>
<li id="li_1_1-在这里加入随机数或自增数">..............</li>
<li id="li_1_1-在这里加入随机数或自增数">.............</li>
<li id="li_1_1-在这里加入随机数或自增数">..............</li>
<li id="li_1_1-在这里加入随机数或自增数">.............</li>
<li id="li_1_1-在这里加入随机数或自增数">..............</li>
</ul>
例如下面的效果,可以是自动从0开始加的数字,也可以是随机的数字. li的个数不定,可能是几个也可能是十几个.
<ul class="">
<li id="li_1_1-0">...........</li>
<li id="li_1_1-1">.............</li>
<li id="li_1_1-2">..............</li>
<li id="li_1_1-3">...........</li>
<li id="li_1_1-4">..............</li>
<li id="li_1_1-5">...........</li>
<li id="li_1_1-6">............</li>
<li id="li_1_1-7">............</li>
<li id="li_1_1-8">..............</li>
<li id="li_1_1-9">............</li>
<li id="li_1_1-10">..............</li>
<li id="li_1_1-11">............</li>
<li id="li_1_1-12">..............</li>
</ul>

Answer 1

使用jQuery。

1、先通过标签找出所有的li；

2、用each方法循环出每个li对象；

3、使用获取到的li对象，设置其id属性为当前ID加一个随机数；

$("li").each(function(index,element){
    var li = $(element);
    li.attr('id', li.attr('id') + "_" + index);
  });

追问

$("li").each(function(index,element){
var li = $(element);
li.attr('id', li.attr('id') + "_" + index);
});

师兄,把您写的这段代码加入到页面中,发现还是不会自动添加数字.

追答

jQuery有个文档加载完成的函数，你必须放到那个里面。

<script type="text/javascript">
$(function(){
    $("li").each(function(index,element){
        var li = $(element);
        li.attr('id', li.attr('id') + "_" + index);
      });
});
</script>

Answer 2

for(var i=0;i<n;i++){

$("#li_1_1_"+i).html(i);

}

追问

for(var i=0;i
我这么增加上了,还是没有效果呢,师兄能帮我看看是不是加错了.

追答

如果知道有多少个li，n就给多少，如果不确定，n给大点儿就可以了
比如：只有10个li需要填值，for(var i=0;i<10;i++)
如果不确定有多少个li需要填值，for（var i=0; i<1000;i++）不够的话把1000换大点儿就可以了