js如何实现修改div的id值？

Question

<div class="picbox">
<div id="ppic1" class="ppic"></div>
<div id="ppic1" class="ppic"></div>
<div id="ppic1" class="ppic"></div>
<div id="ppic1" class="ppic"></div>
</div>
修改为：区域为 <div class="picbox"> </div>
<div class="picbox">
<div id="ppic1" class="ppic"></div>
<div id="ppic2" class="ppic"></div>
<div id="ppic3" class="ppic"></div>
<div id="ppic4" class="ppic"></div>
</div>

Answer 1

js的我不清楚，我知道点jquery的：

$(function(){
    var str=$(".picbox").index();
    for(var i=0;i<=str;i++){
        $(".picbox div").eq(i).attr("id","ppic"+(i+1));
        //测试
        alert($(".picbox div").eq(i).attr("id"));
    }
});

追问

你这个可以通过，ppic1-ppic8 一共8个那个怎么改！

追答

也是一样的，我上面的也是可以的，jquery的index();就是获取你的类 .picbox 里面有多少个div，是从0开启数起的，所以我在改ID是加1了：(i+1)

追问

为什么后面4个不变化！前面4个是OK的！

追答

不好意思，之前的jquery写漏了一点，:   

var str=$(".picbox div").index();